/* AI Curator Consulting Suite: css/room.css
   The Room v2: the conversation with Scott's twin (talk.html and The Room
   tab), the tab's events and QR code, LeadGen Hub's prospects from The Room
   v1, and the microphone test page. Built on suite.css's tokens. */

/* ---- the conversation (js/talk.js) ------------------------------------------------------- */
.tk { display: grid; grid-template-columns: minmax(280px, 420px) 1fr; gap: 22px; margin-top: 18px; }
.tk-side { display: grid; gap: 10px; align-content: start; }
.tk-portrait { position: relative; aspect-ratio: 3 / 4; border-radius: 22px; overflow: hidden; border: 2px solid rgba(129, 91, 255, .7);
  box-shadow: 0 0 0 6px rgba(129, 91, 255, .12), 0 24px 60px rgba(0, 0, 0, .5);
  background: radial-gradient(120% 80% at 50% 30%, #2b2f5e 0%, #121638 60%, #0a0d24 100%); }
.tk-face { position: absolute; inset: 0; display: grid; place-items: center; color: #8e96d8; }
.tk-face[hidden] { display: none; }
.tk-face svg { width: 62%; opacity: .55; }
.tk-still { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; z-index: 1; pointer-events: none; }
.tk-go-face { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 3; white-space: nowrap; touch-action: manipulation;
  box-shadow: 0 0 0 6px rgba(129, 91, 255, .25), 0 16px 40px rgba(0, 0, 0, .55); }
.tk-portrait video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.tk-live { position: absolute; left: 14px; top: 14px; display: flex; gap: 8px; align-items: center; background: rgba(5, 6, 17, .72);
  border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; padding: 5px 12px 5px 9px; font-weight: 900; font-size: 12.5px; letter-spacing: 1px; color: #fff; z-index: 2; }
.tk-live[hidden] { display: none; }
.tk-live i { width: 8px; height: 8px; border-radius: 50%; background: #ff4d6d; box-shadow: 0 0 10px #ff4d6d; }
.tk-cap { text-align: center; color: #cbd2ed; font-size: 14px; font-weight: 700; margin: 0; }
.tk-panel { display: grid; grid-template-rows: auto 1fr; border-radius: 22px; border: 1px solid #2f3790; background: linear-gradient(180deg, #0f1540, #0a0f2b);
  min-height: 560px; max-height: 76vh; overflow: hidden; color: var(--text); }
.tk-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #252b54; }
.tk-head b { font-size: 15px; }
.tk-head span { color: #9da6c7; font-size: 13px; }
.tk-start { display: grid; place-items: center; align-content: center; text-align: center; padding: 40px 30px; gap: 16px; }
.tk-start[hidden], .tk-live-panel[hidden] { display: none; }
.tk-start h2 { margin: 0; font-size: 28px; }
.tk-start p { margin: 0; color: #c2c9e6; font-size: 16px; line-height: 1.5; max-width: 480px; }
.tk-start small { color: #9da6c7; font-size: 13px; }
.tk-go { font-size: 22px; font-weight: 900; padding: 16px 44px; border-radius: 999px; border: 0; color: #fff; cursor: pointer; text-decoration: none;
  background: linear-gradient(90deg, var(--cyan), var(--violet)); touch-action: manipulation; }
.tk-go[hidden] { display: none; }
@media (min-width: 821px) {
  .tk .tk-go, .tk .tk-book-btn { background: linear-gradient(135deg, #5b7fff, #9b5cff); color: #050611; }
}
.tk-go:disabled { opacity: .55; cursor: default; }
.tk-msg { color: #ffd0d7; font-weight: 700; }
.tk-msg[hidden] { display: none; }
.tk-live-panel { display: grid; grid-template-rows: 1fr auto; min-height: 0; }
.tk-log { list-style: none; margin: 0; padding: 18px 20px; display: grid; gap: 14px; align-content: start; overflow-y: auto; min-height: 0; }
.tk-log li { max-width: 86%; padding: 11px 14px; border-radius: 16px; font-size: 16px; line-height: 1.45; }
.tk-log li small { display: block; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 900; margin-bottom: 3px; }
.tk-ai { background: #151b4a; border: 1px solid #2f3790; }
.tk-ai small { color: var(--cyan); }
.tk-you { justify-self: end; background: rgba(129, 91, 255, .2); border: 1px solid rgba(129, 91, 255, .45); }
.tk-you small { color: #c9b8ff; }
.tk-log li.tk-note { opacity: .8; font-style: italic; }
.tk-live-panel.with-book { grid-template-rows: 1fr auto auto auto; }
.tk-book { padding: 12px 20px 14px; border-top: 1px solid #252b54; display: grid; gap: 8px; justify-items: center; }
.tk-book[hidden], .tk-bookqr[hidden], .tk-book small[hidden] { display: none; }
.tk-book-btn { font-size: 19px; font-weight: 900; padding: 14px 34px; border-radius: 999px; border: 0; color: #fff; cursor: pointer; touch-action: manipulation;
  background: linear-gradient(90deg, var(--cyan), var(--violet));
  box-shadow: 0 0 0 6px rgba(129, 91, 255, .18), 0 12px 34px rgba(129, 91, 255, .45); }
.tk-book small { color: #9da6c7; font-size: 12.5px; }
.tk-bookqr { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; padding: 16px 20px; border-top: 1px solid #252b54;
  background: linear-gradient(160deg, rgba(25, 215, 255, .1), rgba(129, 91, 255, .12)); }
.tk-bookqr .qr { width: 210px; height: 210px; background: #fff; border-radius: 16px; padding: 10px; box-sizing: border-box; }
.tk-bookqr b { display: block; font-size: 26px; margin-bottom: 6px; }
.tk-bookqr p { margin: 0; color: #c2c9e6; font-size: 16px; line-height: 1.45; }
.tk-foot { display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid #252b54; color: #9da6c7; font-size: 13.5px; }
.tk-listening[hidden], .tk-ended[hidden], .tk-endbtn[hidden] { display: none; }
.tk-listening b { color: #b9ffe6; }
.tk-listening i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(66, 227, 173, .2); margin-right: 6px; vertical-align: -1px; }
.tk-ended { display: flex; gap: 12px; align-items: center; }
.tk-endbtn { margin-left: auto; }

/* the public page: alone, or framed on the company site */
.tk-page { margin: 0; color: var(--text); background: radial-gradient(1200px 700px at 70% 20%, #1a1550 0%, #070a1d 55%, #050611 100%); min-height: 100vh; }
.tk-wrap { box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 16px 20px 44px; position: relative; }
.tk-wrap .tk { margin-top: 0; }
.tk-langs { position: absolute; right: 20px; bottom: 6px; opacity: .8; }
/* framed (js/talk-page.js reports the height): sized by its content, never by the frame */
.tk-framed .tk-page { min-height: 0; }
.tk-framed .tk-panel { max-height: 600px; }

@media (max-width: 820px) {
  .tk { grid-template-columns: 1fr; gap: 10px; }
  .tk-portrait { aspect-ratio: 4 / 3.4; }
  .tk-still { object-position: center 12%; }
  .tk-face svg { width: 30%; }
  .tk-go-face { bottom: 14px; font-size: 18px; padding: 12px 26px; }
  .tk-panel { min-height: 0; max-height: none; }
  .tk-log { padding: 12px; gap: 10px; }
  .tk-log li { font-size: 15px; max-width: 92%; }
  .tk-head, .tk-foot { padding: 10px 14px; }
  .tk-listening span { display: none; }
  .tk-start { padding: 26px 16px; }
  .tk-start h2 { font-size: 22px; }
  .tk-go { font-size: 19px; padding: 14px 30px; }
  .tk-wrap { padding: 10px 10px 44px; }
  .tk-langs { right: 10px; }
  .tk-framed .tk-panel { max-height: 480px; }
}

/* ---- the tab's events and QR code (js/room.js) ------------------------------------------- */
.rm-state { margin-top: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(25, 215, 255, .35); background: rgba(25, 215, 255, .06); font-size: 14px; color: #d3d8ee; }
.rm-state[hidden] { display: none; }
.rm-events { margin-top: 26px; display: grid; grid-template-columns: 1fr 330px; gap: 18px; align-items: start; }
.rm-card { border: 1px solid #2a3170; border-radius: 18px; padding: 18px 20px; background: linear-gradient(180deg, #0d1336, #0a0f26); }
.rm-card h2 { margin: 0 0 12px; font-size: 17px; }
.rm-evlist { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.rm-evlist li { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid #252b54; border-radius: 12px; background: #0b1029; }
.rm-evlist li.cur { border-color: var(--violet); background: rgba(129, 91, 255, .14); }
.rm-evlist .meta { color: #9da6c7; font-size: 13px; }
.rm-evlist .pill { font-size: 11.5px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #c9b8ff; }
.rm-add { display: grid; grid-template-columns: 2fr 1fr 1.6fr auto; gap: 10px; align-items: end; }
.rm-add label span { display: block; font-size: 12.5px; font-weight: 800; color: #cbd2ed; margin-bottom: 5px; }
.rm-add input { width: 100%; box-sizing: border-box; background: #0b1030; border: 1px solid #333a74; color: #fff; border-radius: 10px; padding: 9px 11px; font-size: 14px; }
.rm-add-acts { display: flex; gap: 8px; }
.rm-add-acts [hidden] { display: none; }
.rm-qr { text-align: center; }
.rm-qrbox { width: 200px; height: 200px; background: #fff; border-radius: 14px; padding: 10px; box-sizing: border-box; }
.rm-link { font-weight: 900; margin: 10px 0 2px; word-break: break-all; }
.rm-note { color: #9da6c7; font-size: 13px; margin: 0 0 12px; }
.rm-qr-acts { display: flex; gap: 8px; justify-content: center; margin-bottom: 12px; }
.rm-qr [hidden] { display: none; }
.rm-embed { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #252b54; word-break: break-word; }
.rm-qr-full { position: fixed; inset: 0; background: #050611; display: grid; place-items: center; z-index: 50; text-align: center; }
.rm-qr-full[hidden] { display: none; }
.rm-qr-full img { width: min(70vh, 80vw); height: min(70vh, 80vw); background: #fff; border-radius: 20px; padding: 16px; box-sizing: border-box; }
.rm-qr-full p { font-size: 40px; font-weight: 900; margin: 18px 0 6px; color: #fff; }
.rm-qr-full small { color: var(--muted); font-size: 20px; }
@media (max-width: 1000px) {
  .rm-events { grid-template-columns: 1fr; }
  .rm-add { grid-template-columns: 1fr 1fr; }
}
@media print {
  body * { visibility: hidden; }
  .rm-qr-full, .rm-qr-full * { visibility: visible; }
  .rm-qr-full { background: #fff; }
  .rm-qr-full p { color: #000; }
  .rm-qr-full small { display: none; }
}

/* ---- the website on a wide screen: the twin top left at its natural size (Anam sends 576x384, 3:2;
   never enlarged, so never soft), the transcript on the right. The phone keeps the stacked page. */
@media (min-width: 821px) {
  .tk { grid-template-columns: minmax(0, 576px) minmax(0, 1fr); align-items: start; }
  .tk-portrait { aspect-ratio: 3 / 2; width: 100%; max-width: 576px; }
  .tk-still { object-position: center 18%; }
  .tk-panel { min-height: 480px; }
}

/* ---- the Conversation Hub tab (js/room.js), as Scott drew it ------------------------------------- */
.rm-ready { position: relative; z-index: 1; margin-left: auto; flex: none; display: flex; gap: 8px; align-items: center; padding: 8px 16px; border-radius: 999px;
  background: rgba(5, 40, 30, .75); border: 1px solid rgba(66, 227, 173, .45); color: #b9ffe6; font-weight: 900; font-size: 15px; }
.rm-ready[hidden] { display: none; }
.rm-ready i { width: 10px; height: 10px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.rm-hub { margin-top: 18px; display: grid; grid-template-columns: minmax(240px, 290px) minmax(0, 1fr) minmax(260px, 330px); gap: 18px; align-items: stretch; }
.rm-hub > *, .rm-strip { border-radius: 18px; border: 1px solid #2f3790; background: linear-gradient(180deg, #0f1540, #0a0f2b); }
/* the twin: shown smaller than Anam's picture, so never enlarged */
.rm-twin { display: grid; align-content: start; gap: 14px; padding: 10px 10px 16px; }
.rm-hub .tk-portrait { aspect-ratio: 1 / 1; width: 100%; max-width: none; border-radius: 14px; box-shadow: 0 0 0 4px rgba(129, 91, 255, .12); }
.rm-hub .tk-still { object-position: center 18%; }
.rm-hub .tk-go-face { bottom: 14px; font-size: 15px; padding: 10px 18px; }
.rm-hub .tk-live { left: 10px; top: 10px; }
.rm-twin-id { padding: 0 8px; display: grid; gap: 2px; }
.rm-twin-id b { font-size: 21px; }
.rm-twin-id span { color: #c2c9e6; font-size: 14.5px; }
.rm-facts { list-style: none; margin: 0; padding: 14px 8px 0; border-top: 1px solid #252b54; display: grid; gap: 12px; font-size: 15px; color: #dfe4fb; }
.rm-facts li { display: flex; gap: 12px; align-items: center; }
.rm-facts svg { flex: none; color: #c9d0ea; }
/* the conversation */
/* the transcript scrolls inside a card as tall as its neighbours; it never stretches the row */
.rm-hub .tk-panel { min-height: 0; max-height: none; height: auto; contain: size; }
.rm-hub .tk-go, .rm-hub .tk-book-btn { background: linear-gradient(90deg, #6b7cff, var(--violet), #b44bff); color: #fff; }
.rm-hub .tk-book, .rm-hub .tk-bookqr { display: none !important; }
.rm-where { display: flex; gap: 8px; align-items: center; }
.rm-where a { display: inline-flex; color: var(--cyan); }
/* the conversation guide */
.rm-guide { display: grid; grid-template-rows: auto 1fr auto; padding: 0 16px 16px; }
.rm-guide-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 4px; border-bottom: 1px solid #252b54; }
.rm-guide-head h2 { margin: 0; font-size: 18px; }
.rm-guide-head svg { color: #c9d0ea; }
.rm-guide ul { list-style: none; margin: 0; padding: 0; }
.rm-guide li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 4px; border-bottom: 1px solid #252b54; }
.rm-gi { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; color: var(--cyan); background: #161b44; border: 1px solid #2f3790; }
.rm-guide li b { display: block; font-size: 15px; margin-bottom: 3px; }
.rm-guide li p { margin: 0; color: #c2c9e6; font-size: 14px; line-height: 1.45; }
.rm-guide-book { display: grid; gap: 8px; justify-items: center; padding-top: 18px; }
.rm-guide-book .tk-book-btn { width: 100%; display: flex; gap: 10px; align-items: center; justify-content: center; font-size: 17px; padding: 14px 18px; border-radius: 999px; }
.rm-guide-book .tk-book-btn:disabled { opacity: .5; cursor: default; }
.rm-guide-book small { color: #9da6c7; font-size: 13px; }
/* the two tabs */
.rm-tabs { margin-top: 18px; display: flex; gap: 12px; flex-wrap: wrap; border-bottom: 1px solid #252b54; padding-bottom: 12px; }
.rm-tab { display: inline-flex; gap: 12px; align-items: center; padding: 14px 30px; min-width: 240px; justify-content: center; border-radius: 14px; cursor: pointer;
  font-size: 17px; font-weight: 900; color: #fff; border: 1px solid #2f3790; background: linear-gradient(180deg, #0f1540, #0a0f2b); position: relative; }
.rm-tab svg { color: var(--cyan); }
.rm-tab.on { border-color: transparent; background: linear-gradient(90deg, #6b7cff, var(--violet), #b44bff); }
.rm-tab.on svg { color: #fff; }
.rm-tab.on::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -13px; height: 4px; border-radius: 2px; background: #ffd84d; }
.rm-pane[hidden] { display: none; }
/* under the three cards: three equal tiles, Discover (cyan), Explore (purple), Connect (teal) */
.rm-below { margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rm-tile { --c: var(--cyan); --bg: rgba(25, 215, 255, .1); position: relative; overflow: hidden; display: grid; gap: 10px; align-content: start; min-height: 230px;
  padding: 22px 24px 64px; border-radius: 18px; border: 1px solid var(--c); background: linear-gradient(160deg, var(--bg), #0a0f2b 70%);
  box-shadow: 0 0 24px color-mix(in srgb, var(--c) 25%, transparent); text-align: left; color: var(--text); font: inherit; cursor: pointer; }
.rm-tile-ask { --c: #b44bff; --bg: rgba(180, 75, 255, .14); }
.rm-tile .rm-ask-q { color: #fff; font-size: 19px; font-weight: 700; font-style: italic; }
.rm-tile-connect { --c: #2ee6c5; --bg: rgba(46, 230, 197, .12); }
.rm-tile:disabled { cursor: default; }
.rm-tile:hover:not(:disabled), .rm-tile:focus-visible { box-shadow: 0 0 34px color-mix(in srgb, var(--c) 45%, transparent); }
.rm-tile-tag { display: flex; gap: 12px; align-items: center; color: var(--c); font-size: 13.5px; font-weight: 900; letter-spacing: 2.5px; text-transform: uppercase; }
.rm-tile b { display: block; color: #fff; font-size: 23px; line-height: 1.2; }
.rm-tile p { margin: 0; color: #dfe4fb; font-size: 17px; line-height: 1.45; }
.rm-tile .in { animation: rm-card .6s ease both; }
@keyframes rm-card { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.rm-tile-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.rm-tile-row span { display: grid; gap: 10px; }
.rm-tile-row img { width: 120px; height: 120px; background: #fff; border-radius: 12px; padding: 7px; box-sizing: border-box; }
.rm-tile-row img[hidden] { display: none; }
.rm-wave { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 70px; color: var(--c); opacity: .45; pointer-events: none; }
/* Discover / Explore: the list */
.rm-list { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 20px; background: rgba(3, 4, 14, .72); }
.rm-list[hidden] { display: none; }
.rm-list-card { width: min(640px, 100%); max-height: 86vh; overflow-y: auto; box-sizing: border-box; padding: 22px 24px; border-radius: 18px; border: 1px solid #2f3790; background: linear-gradient(180deg, #0f1540, #0a0f2b); }
.rm-list-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.rm-list-head h2 { margin: 0; font-size: 21px; }
.rm-list-sub { margin: 6px 0 14px; color: #9da6c7; font-size: 14px; }
.rm-list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rm-list li { display: grid; gap: 3px; padding: 12px 14px; border-radius: 12px; border: 1px solid #252b54; background: #0b1029; }
.rm-list li b { color: var(--cyan); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.rm-list li span { color: #fff; font-size: 16px; line-height: 1.4; }
/* Events & QR: upcoming events | Add event | the booking QR */
.rm-strip { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; }
.rm-strip > * { padding: 18px 26px; }
.rm-strip > * + * { border-left: 1px solid #252b54; }
.rm-up h2 { display: flex; gap: 12px; align-items: center; margin: 0 0 14px; font-size: 19px; }
.rm-up h2 svg { color: var(--cyan); }
.rm-up .rm-evlist { margin: 0; }
.rm-up .rm-add { margin-top: 14px; }
.rm-add[hidden] { display: none; }
.rm-addbtn { display: inline-flex; gap: 10px; align-items: center; padding: 14px 30px; border: 0; border-radius: 16px; cursor: pointer; color: #fff; font-size: 18px; font-weight: 900;
  background: linear-gradient(90deg, #6b7cff, var(--violet), var(--pink)); box-shadow: 0 10px 30px rgba(129, 91, 255, .35); }
.rm-addbtn[hidden] { display: none; }
.rm-strip-add { min-width: 220px; display: grid; place-items: center; }
.rm-qrtile { margin: 0; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.rm-qrtile[hidden] { display: none; }
.rm-qrtile img { width: 120px; height: 120px; background: #fff; border-radius: 12px; padding: 8px; box-sizing: border-box; }
@media (max-width: 1100px) {
  .rm-hub { grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); }
  .rm-guide { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .rm-hub { grid-template-columns: 1fr; }
  .rm-hub .tk-panel { contain: none; height: 460px; }
  .rm-strip { grid-template-columns: 1fr; }
  .rm-below { grid-template-columns: 1fr; }
  .rm-tab { min-width: 0; flex: 1; padding: 12px 14px; font-size: 15px; }
  .rm-strip > * + * { border-left: 0; border-top: 1px solid #252b54; }
  .rm-add { grid-template-columns: 1fr 1fr; }
}

/* LeadGen Hub: a prospect from The Room shows what the host wrote */
.pp-room { grid-column: 1 / -1; }
.pp-room-text { white-space: pre-wrap; margin: 6px 0; padding: 12px 14px; border-radius: 12px; border-left: 3px solid var(--violet); background: #0b1029; line-height: 1.5; }

/* ---- the microphone test (mic-test.html) --------------------------------------------- */
.mt { display: grid; place-items: center; padding: 16px; box-sizing: border-box; }
.mt-card { width: min(560px, 100%); border-radius: 22px; padding: 26px; background: linear-gradient(180deg, #0f1540, #0a0f2b); border: 1px solid #2f3790; display: grid; gap: 14px; }
.mt-card h1 { margin: 0; font-size: 26px; }
.mt-card p { margin: 0; color: #c2c9e6; line-height: 1.5; }
.mt-card .tk-go { justify-self: start; font-size: 20px; padding: 14px 30px; }
.mt-result { font-weight: 800; padding: 12px 14px; border-radius: 12px; }
.mt-result.good { color: #b9ffe6; background: rgba(66, 227, 173, .12); border: 1px solid rgba(66, 227, 173, .5); }
.mt-result.bad { color: #ffd0d7; background: rgba(255, 138, 155, .1); border: 1px solid rgba(255, 138, 155, .5); }
.mt-meter { height: 14px; border-radius: 7px; background: #161b44; overflow: hidden; }
.mt-meter[hidden] { display: none; }
.mt-meter i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--green), var(--cyan)); transition: width .08s linear; }
.mt-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 4px 0 0; font-size: 13.5px; }
.mt-facts dt { color: #9da6c7; }
.mt-facts dd { margin: 0; word-break: break-word; }
.mt-card .langs { justify-self: end; }