.bbb-tmq {
  --tmq-black: #090808;
  --tmq-black-soft: #161112;
  --tmq-paper: #f4eddf;
  --tmq-paper-dark: #ded1bd;
  --tmq-ink: #1a1112;
  --tmq-wine: #a94e5d;
  --tmq-wine-light: #d98592;
  --tmq-ivory: #fff8e9;
  min-height: 100vh;
  padding: 24px 16px 72px;
  overflow: hidden;
  color: var(--tmq-ivory);
  background:
    radial-gradient(circle at 12% 18%, rgba(169,78,93,.18), transparent 22rem),
    radial-gradient(circle at 88% 74%, rgba(169,78,93,.12), transparent 24rem),
    repeating-linear-gradient(118deg, rgba(255,255,255,.018) 0 1px, transparent 1px 17px),
    var(--tmq-black);
  font-family: "Avenir Next", "Gill Sans", sans-serif;
}
.bbb-tmq *, .bbb-tmq *::before, .bbb-tmq *::after { box-sizing: border-box; }
.bbb-tmq [hidden] { display: none !important; }
.bbb-tmq button, .bbb-tmq input { font: inherit; }
.bbb-tmq button, .bbb-tmq a { -webkit-tap-highlight-color: transparent; }
.bbb-tmq a { color: inherit; }
.bbb-tmq__crumbs { width: min(100%, 980px); margin: 0 auto 32px; }
.bbb-tmq__crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; color: #e6d8cb; font-size: 13px; }
.bbb-tmq__crumbs a { display: inline-flex; min-height: 44px; align-items: center; }
.bbb-tmq__crumbs li + li::before { content: "✦"; margin-right: 8px; color: var(--tmq-wine-light); }
.bbb-tmq__crumbs a:focus-visible, .bbb-tmq button:focus-visible, .bbb-tmq input:focus-visible + span, .bbb-tmq__result a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.bbb-tmq__intro, .bbb-tmq__quiz, .bbb-tmq__result { width: min(100%, 780px); margin: 0 auto; }
.bbb-tmq__intro { position: relative; min-height: 620px; display: grid; place-items: center; align-content: center; text-align: center; isolation: isolate; }
.bbb-tmq__intro::before, .bbb-tmq__intro::after { position: absolute; z-index: -1; content: ""; border: 1px solid rgba(255,248,233,.18); transform: rotate(-3deg); }
.bbb-tmq__intro::before { inset: 7% 5% 4%; }
.bbb-tmq__intro::after { inset: 10% 8% 1%; transform: rotate(2deg); }
.bbb-tmq__stars { color: var(--tmq-wine-light); font-family: Georgia, serif; font-size: 28px; letter-spacing: .35em; }
.bbb-tmq__eyebrow { margin: 20px 0 10px; color: var(--tmq-wine-light); font-size: 12px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.bbb-tmq h1, .bbb-tmq h2, .bbb-tmq legend { font-family: Didot, "Bodoni 72", Georgia, serif; }
.bbb-tmq h1 { margin: 0; color: var(--tmq-ivory); font-size: clamp(46px, 10vw, 88px); font-weight: 400; line-height: .88; letter-spacing: -.035em; text-wrap: balance; }
.bbb-tmq__lede { max-width: 36rem; margin: 26px auto 0; color: #e9ded2; font-family: Georgia, serif; font-size: clamp(17px, 3vw, 21px); font-style: italic; line-height: 1.55; }
.bbb-tmq__promise { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; padding: 0; margin: 26px 0; list-style: none; }
.bbb-tmq__promise li { padding: 8px 12px; border: 1px solid rgba(255,248,233,.32); color: #fff5e8; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.bbb-tmq__start, .bbb-tmq__next, .bbb-tmq__primary { min-height: 48px; border: 1px solid #e3a1aa; background: var(--tmq-wine); color: #fff; padding: 14px 22px; font-weight: 800; letter-spacing: .05em; text-transform: lowercase; cursor: pointer; box-shadow: 5px 5px 0 #f0daca; }
.bbb-tmq__start:hover, .bbb-tmq__next:hover, .bbb-tmq__primary:hover { background: #bf6371; }
.bbb-tmq__note { color: #cdbfc0; font-size: 13px; }
.bbb-tmq__progress { display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; gap: 14px; align-items: center; margin: 28px 0 24px; }
.bbb-tmq__progress button { min-height: 44px; padding: 6px; border: 0; background: transparent; color: #fff; cursor: pointer; }
.bbb-tmq__progress p { margin: 0 0 8px; text-align: center; color: #f0e5d9; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.bbb-tmq__progress div > span { display: block; height: 5px; background: #342629; overflow: hidden; }
.bbb-tmq__progress i { display: block; width: 14.285%; height: 100%; background: var(--tmq-wine-light); transition: width .25s ease; }
.bbb-tmq__card { position: relative; min-inline-size: 0; min-height: 520px; padding: clamp(28px, 6vw, 58px); border: 0; color: var(--tmq-ink); background: var(--tmq-paper); box-shadow: 0 28px 70px rgba(0,0,0,.48); clip-path: polygon(0 1.2%, 5% 0, 11% 1.3%, 18% .2%, 26% 1.4%, 35% .3%, 45% 1%, 54% 0, 64% 1.1%, 73% .2%, 82% 1.2%, 91% .1%, 100% 1%, 99.3% 97%, 95% 100%, 87% 98.6%, 79% 99.7%, 68% 98.8%, 58% 100%, 47% 98.8%, 36% 99.8%, 24% 98.5%, 13% 100%, 5% 98.7%, .6% 99%); }
.bbb-tmq__card::before { position: absolute; top: 14px; left: 50%; width: 92px; height: 24px; content: ""; background: rgba(194,173,145,.52); transform: translateX(-50%) rotate(-2deg); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.bbb-tmq__card legend { float: left; width: 100%; padding: 0; margin: 14px 0 28px; font-size: clamp(32px, 7vw, 54px); line-height: .98; letter-spacing: -.025em; }
.bbb-tmq__card legend span { display: block; margin-bottom: 14px; color: #7e4350; font: 800 11px/1.2 "Avenir Next", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.bbb-tmq__answers { clear: both; display: grid; gap: 10px; }
.bbb-tmq__answers label { position: relative; display: block; cursor: pointer; }
.bbb-tmq__answers input { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.bbb-tmq__answers span { display: flex; min-height: 48px; align-items: center; padding: 11px 14px 11px 46px; border: 1px solid #9d8d7c; background: rgba(255,255,255,.25); color: #241719; line-height: 1.35; transition: background .16s ease, border-color .16s ease, transform .16s ease; }
.bbb-tmq__answers span::before { position: absolute; left: 15px; width: 17px; height: 17px; border: 1px solid #67434a; border-radius: 50%; content: ""; background: #fffaf0; }
.bbb-tmq__answers input:checked + span { border-color: #8e3e4d; background: #dca4aa; transform: translateX(3px); }
.bbb-tmq__answers input:checked + span::before { border: 5px solid #fffaf0; background: #843745; box-shadow: 0 0 0 1px #843745; }
.bbb-tmq__next { float: right; margin-top: 24px; box-shadow: 4px 4px 0 #2b1c1e; }
.bbb-tmq__next:disabled { opacity: .42; cursor: not-allowed; }
.bbb-tmq__result { padding-top: 26px; }
.bbb-tmq__result-board { position: relative; padding: clamp(18px, 5vw, 42px); border: 1px solid #443135; background: linear-gradient(145deg, #120e0f, #080707); box-shadow: 0 24px 70px #000; }
.bbb-tmq__result-board::before { position: absolute; inset: 10px; border: 1px dashed rgba(255,248,233,.16); content: ""; pointer-events: none; }
.bbb-tmq__reveal { position: relative; z-index: 1; padding: clamp(26px, 6vw, 54px); color: var(--tmq-ink); background: var(--tmq-paper); transform: rotate(-.35deg); clip-path: polygon(0 0, 100% 1%, 99% 98%, 89% 100%, 77% 98.7%, 64% 100%, 52% 98.5%, 38% 100%, 24% 98.6%, 10% 100%, 0 98%); }
.bbb-tmq__result-kicker { margin: 0; color: #854451; font-size: 11px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.bbb-tmq__reveal h2 { margin: 10px 0 5px; font-size: clamp(42px, 9vw, 76px); font-weight: 400; line-height: .88; letter-spacing: -.04em; }
.bbb-tmq__reveal-line { margin: 18px 0; font-family: Georgia, serif; font-size: 19px; font-style: italic; line-height: 1.5; }
.bbb-tmq__tags, .bbb-tmq__orbit { display: flex; flex-wrap: wrap; gap: 8px; }
.bbb-tmq__tags span, .bbb-tmq__orbit button { border: 1px solid #8e7277; background: transparent; color: inherit; padding: 8px 10px; font-size: 12px; }
.bbb-tmq__why { margin: 24px 0 0; line-height: 1.65; }
.bbb-tmq__paths { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.bbb-tmq__paths a { display: flex; min-height: 52px; align-items: center; justify-content: center; padding: 12px 14px; border: 1px solid #e1b4b8; color: #fff; text-align: center; text-decoration: none; }
.bbb-tmq__paths .bbb-tmq__primary { border-color: #e3a1aa; }
.bbb-tmq__matches { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.bbb-tmq__match { min-width: 0; padding: 18px; border: 1px solid #584347; background: #171112; color: #f8eee3; text-decoration: none; }
.bbb-tmq__match small { display: block; margin-bottom: 8px; color: var(--tmq-wine-light); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.bbb-tmq__match strong { display: block; overflow-wrap: anywhere; }
.bbb-tmq__match em { display: block; margin-top: 5px; color: #cfc1b5; font-size: 13px; }
.bbb-tmq__orbit-wrap, .bbb-tmq__actions, .bbb-tmq__email { position: relative; z-index: 1; margin-top: 24px; padding: 20px; border: 1px solid #584347; }
.bbb-tmq__orbit-wrap h3, .bbb-tmq__email h3 { margin: 0 0 14px; font-family: Didot, Georgia, serif; font-size: 25px; font-weight: 400; }
.bbb-tmq__orbit button { min-height: 44px; color: #fff; cursor: pointer; }
.bbb-tmq__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bbb-tmq__actions button { min-height: 44px; border: 1px solid #bfa7a8; background: transparent; color: #fff; padding: 10px 14px; cursor: pointer; }
.bbb-tmq__email form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.bbb-tmq__email label { grid-column: 1 / -1; }
.bbb-tmq__email input { min-width: 0; min-height: 48px; border: 1px solid #bfa7a8; background: #fff8e9; color: #161112; padding: 10px 12px; }
.bbb-tmq__email button { min-height: 48px; border: 0; background: var(--tmq-wine); color: #fff; padding: 10px 16px; font-weight: 800; cursor: pointer; }
.bbb-tmq__email button:disabled { border: 1px solid #9c8c91; background: transparent; color: #77686c; cursor: not-allowed; box-shadow: none; }
.bbb-tmq__email p { color: #d8c9bd; font-size: 12px; line-height: 1.5; }
.bbb-tmq__email-status[data-tone="success"] { color: #f2c1c8; }
.bbb-tmq__email-status[data-tone="error"] { color: #ffc4c4; }
@media (max-width: 560px) {
  .bbb-tmq { padding-inline: 10px; }
  .bbb-tmq__crumbs { padding-inline: 6px; }
  .bbb-tmq__intro { min-height: 560px; }
  .bbb-tmq__progress { grid-template-columns: 58px minmax(0,1fr) 48px; gap: 5px; }
  .bbb-tmq__card { min-height: 540px; padding: 30px 20px 36px; }
  .bbb-tmq__paths, .bbb-tmq__matches { grid-template-columns: 1fr; }
  .bbb-tmq__email form { grid-template-columns: 1fr; }
  .bbb-tmq__email label { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .bbb-tmq *, .bbb-tmq *::before, .bbb-tmq *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* fictional-match receipt direction */
.bbb-tmq__quiz,
.bbb-tmq__result { max-width: 590px; }
.bbb-tmq__quiz-head { position: relative; padding: 20px 24px 18px; border: 1px solid #d8b7ba; border-bottom: 0; background: #f2dfe0; color: #1b1012; text-align: center; }
.bbb-tmq__quiz-head::before,
.bbb-tmq__receipt-head::before { position: absolute; top: -13px; left: 50%; width: 104px; height: 26px; content: ""; background: rgba(215,194,166,.7); transform: translateX(-50%) rotate(-2deg); }
.bbb-tmq__quiz-head p { margin: 0; color: #8b3f4d; font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.bbb-tmq__quiz-head h1 { max-width: 14ch; margin: 8px auto; color: #1b1012; font-size: clamp(34px, 7vw, 52px); font-weight: 400; line-height: .93; }
.bbb-tmq__quiz-head span { color: #6f565a; font-size: 12px; }
.bbb-tmq__progress { margin: 0; padding: 13px 16px; border-inline: 1px solid #d8b7ba; background: #f9eee9; color: #1b1012; }
.bbb-tmq__progress button { color: #4d3035; }
.bbb-tmq__progress p { color: #6f4850; }
.bbb-tmq__progress div > span { background: #dfc9c5; }
.bbb-tmq__card { min-height: 455px; padding: 34px clamp(22px, 6vw, 46px) 48px; border: 1px solid #d8b7ba; border-top: 1px dashed #a77d82; background: #fff8ed; box-shadow: 0 24px 60px rgba(0,0,0,.5); clip-path: polygon(0 0,100% 0,100% 97.5%,96% 100%,90% 98%,84% 100%,78% 98%,72% 100%,66% 98%,60% 100%,54% 98%,48% 100%,42% 98%,36% 100%,30% 98%,24% 100%,18% 98%,12% 100%,6% 98%,0 100%); }
.bbb-tmq__card::before { display: none; }
.bbb-tmq__card legend { margin-top: 2px; font-size: clamp(31px, 7vw, 46px); text-align: center; }
.bbb-tmq__card legend span { color: #a34f5d; }
.bbb-tmq__answers { gap: 9px; }
.bbb-tmq__answers span { border: 1px solid #bda9a2; background: #fffdf8; }
.bbb-tmq__answers input:checked + span { border-color: #9b4655; background: #e5aeb5; box-shadow: 3px 3px 0 #4b3035; }
.bbb-tmq__result-board { padding: 0 24px 38px; border: 1px solid #d8b7ba; background: #fff8ed; color: #1b1012; box-shadow: 0 28px 70px rgba(0,0,0,.58); clip-path: polygon(0 0,100% 0,100% 99%,96% 100%,90% 98.8%,84% 100%,78% 98.8%,72% 100%,66% 98.8%,60% 100%,54% 98.8%,48% 100%,42% 98.8%,36% 100%,30% 98.8%,24% 100%,18% 98.8%,12% 100%,6% 98.8%,0 100%); }
.bbb-tmq__result-board::before { display: none; }
.bbb-tmq__receipt-head { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; margin-inline: -24px; padding: 28px 24px 16px; border-bottom: 1px solid #caaeb0; background: #f2dfe0; color: #1b1012; }
.bbb-tmq__receipt-head strong { color: #8d4050; letter-spacing: .05em; }
.bbb-tmq__receipt-head span { text-align: right; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.bbb-tmq__receipt-head small { grid-column: 1/-1; color: #6f565a; font-size: 10px; letter-spacing: .12em; }
.bbb-tmq__receipt-rule { margin: 20px 0; border-top: 1px dashed #9a7f7d; }
.bbb-tmq__reveal { padding: 16px 0 6px; background: transparent; transform: none; clip-path: none; color: #1b1012; text-align: center; }
.bbb-tmq__reveal h2 { color: #1b1012; }
.bbb-tmq__tags { justify-content: center; }
.bbb-tmq__why { text-align: left; }
.bbb-tmq__paths,
.bbb-tmq__matches { margin-top: 14px; }
.bbb-tmq__paths a { border-color: #9b7479; color: #2a191c; }
.bbb-tmq__paths .bbb-tmq__primary { background: #a95060; color: #fff; box-shadow: 4px 4px 0 #dfc9c5; }
.bbb-tmq__match { border: 0; border-bottom: 1px dashed #bda9a2; background: transparent; color: #241719; }
.bbb-tmq__match small { color: #9a4554; }
.bbb-tmq__match em { color: #725d59; }
.bbb-tmq__orbit-wrap,
.bbb-tmq__actions,
.bbb-tmq__email { border: 0; border-top: 1px dashed #a98c89; color: #241719; }
.bbb-tmq__orbit button,
.bbb-tmq__actions button { border-color: #9d7d80; color: #241719; }
.bbb-tmq__email p { color: #715d5b; }
@media (max-width: 560px) {
  .bbb-tmq__quiz-head { padding-inline: 18px; }
  .bbb-tmq__result-board { padding-inline: 14px; }
  .bbb-tmq__receipt-head { margin-inline: -14px; padding-inline: 16px; }
}

/* Exact live fictional-boyfriend quiz visual system. */
.bbb-tmq { padding: 52px 18px 92px; background: #0b0b0b; color: #f6f6f6; font-family: "Cormorant Garamond", Cormorant, Georgia, serif; font-size: 15px; line-height: 1.8; letter-spacing: .04em; text-transform: lowercase; }
.bbb-tmq__crumbs { display: none; }
.bbb-tmq__quiz { max-width: 840px; }
.bbb-tmq__quiz-head { max-width: 760px; padding: 4px 24px 8px; border: 0; background: transparent; color: #fff; }
.bbb-tmq__quiz-head::before { display: none; }
.bbb-tmq__quiz-head p { display: none; }
.bbb-tmq__quiz-head h1 { max-width: 12ch; margin: 7px auto 8px; color: #fff; font: 400 clamp(42px, 7.5vw, 72px)/.94 "Cormorant Garamond", Cormorant, Georgia, serif; letter-spacing: -.02em; }
.bbb-tmq__quiz-head span { display: block; color: #ff8ac7; font: 700 17px/1.35 "Cormorant Garamond", Cormorant, Georgia, serif; text-align: left; }
.bbb-tmq__progress { display: block; max-width: 760px; min-height: 55px; margin: 0 auto 30px; padding: 0 20px; border: 0; background: transparent; }
.bbb-tmq__progress > div { width: 100%; }
.bbb-tmq__progress button { position: absolute; width: 44px; height: 44px; overflow: hidden; opacity: 0; pointer-events: none; }
.bbb-tmq__progress p { margin: 0 0 8px; color: rgba(246,246,246,.62); font-size: 10px; text-align: left; }
.bbb-tmq__progress div > span { height: 8px; border-radius: 999px; background: rgba(255,255,255,.08); }
.bbb-tmq__progress i { border-radius: inherit; background: #ff8ac7; }
.bbb-tmq__card { width: 100%; min-height: 504px; padding: 22px 14px; border: 0; background: transparent; color: #f6f6f6; box-shadow: none; clip-path: none; }
.bbb-tmq__card legend { float: none; margin: 0 0 44px; color: #fff; font: 400 clamp(34px, 6vw, 54px)/1.05 "Cormorant Garamond", Cormorant, Georgia, serif; letter-spacing: -.01em; text-align: center; }
.bbb-tmq__card legend span { margin-bottom: 8px; color: #c85f93; font: 400 17px/1.25 "Cormorant Garamond", Cormorant, Georgia, serif; letter-spacing: .02em; text-transform: lowercase; }
.bbb-tmq__answers { display: flex; flex-direction: column; gap: 12px; }
.bbb-tmq__answers span { min-height: 74px; justify-content: center; padding: 20px 26px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; background: rgba(255,255,255,.06); color: #fff; font: 400 22px/1.45 "Cormorant Garamond", Cormorant, Georgia, serif; letter-spacing: 0; text-align: center; text-transform: none; }
.bbb-tmq__answers span::before { display: none; }
.bbb-tmq__answers input:checked + span { border-color: rgba(255,138,199,.78); background: rgba(255,138,199,.2); color: #fff; box-shadow: inset 4px 0 0 #ff8ac7; transform: none; }
.bbb-tmq__answers input:focus-visible + span { outline: 3px solid #ff8ac7; outline-offset: 3px; }
.bbb-tmq__result { max-width: 760px; padding-top: 8px; }
.bbb-tmq__result-board { width: calc(100% - 8px); max-width: 680px; margin: 0 auto; padding: 25px 17px 23px; border: 0; border-radius: 2px; background: linear-gradient(90deg,rgba(169,62,105,.035) 1px,transparent 1px) 0 0/28px 100%,linear-gradient(rgba(39,25,31,.043) 1px,transparent 1px) 0 0/100% 26px,#fffaf7; color: #050505; box-shadow: 0 0 0 1px #b894a3,12px 12px 0 #9d3e67,0 32px 90px rgba(0,0,0,.62); clip-path: none; font-family: "Courier New", monospace; text-transform: lowercase; }
.bbb-tmq__receipt-head { display: flex; min-height: 142px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; margin: 0; padding: 18px; border: 2px solid #050505; background: #050505; color: #fff; text-align: center; }
.bbb-tmq__receipt-head::before { display: none; }
.bbb-tmq__receipt-head strong { color: #fff; font: 700 clamp(29px,7vw,44px)/1 Georgia,serif; letter-spacing: 0; }
.bbb-tmq__receipt-head span { color: #d978a3; font: 700 15px/1.4 "Courier New",monospace; letter-spacing: .1em; text-align: center; }
.bbb-tmq__receipt-head small { color: #fff; font: 700 11px/1.4 "Courier New",monospace; letter-spacing: .06em; }
.bbb-tmq__receipt-rule { margin: 20px 0; border-color: #9c8c91; }
.bbb-tmq__reveal { padding: 8px 0; color: #050505; }
.bbb-tmq__result-kicker { color: #8c405f; font: 700 12px/1.4 "Courier New",monospace; }
.bbb-tmq__reveal h2 { margin: 8px 0; color: #050505; font: 700 clamp(42px,9vw,68px)/.86 Georgia,serif; letter-spacing: -.04em; }
.bbb-tmq__reveal-line { font-family: Georgia,serif; font-size: 19px; line-height: 1.4; }
.bbb-tmq__tags span { border: 1px solid #927681; border-radius: 999px; background: rgba(157,62,103,.06); font: 700 12px/1.2 "Courier New",monospace; }
.bbb-tmq__why { font: 400 14px/1.65 "Courier New",monospace; }
.bbb-tmq__paths { grid-template-columns: 1fr; }
.bbb-tmq__paths a { border: 1px solid #050505; border-radius: 0; color: #050505; font: 700 13px/1.3 "Courier New",monospace; }
.bbb-tmq__paths .bbb-tmq__primary { border-color: #050505; background: #050505; color: #fff; box-shadow: 5px 5px 0 #9d3e67; }
.bbb-tmq__matches { grid-template-columns: 1fr 1fr; }
.bbb-tmq__match { padding: 16px 8px; border-bottom: 1px dashed #9c8c91; color: #050505; font-family: "Courier New",monospace; }
.bbb-tmq__match small { color: #8c405f; }
.bbb-tmq__match em { color: #5a4b50; }
.bbb-tmq__orbit-wrap,.bbb-tmq__actions,.bbb-tmq__email { padding: 20px 0; border-color: #9c8c91; color: #050505; }
.bbb-tmq__orbit-wrap h3,.bbb-tmq__email h3 { color: #050505; font: 700 26px/1 Georgia,serif; }
.bbb-tmq__orbit button,.bbb-tmq__actions button { border: 1px solid #75636a; border-radius: 999px; color: #050505; font: 700 12px/1.2 "Courier New",monospace; }
.bbb-tmq__email p { color: #504248; }
@media (max-width:560px){
  .bbb-tmq{padding-inline:18px}
  .bbb-tmq__quiz-head{padding-inline:24px}
  .bbb-tmq__quiz-head h1{font-size:42px}
  .bbb-tmq__card{padding:22px 14px}
  .bbb-tmq__card legend{font-size:34px}
  .bbb-tmq__result-board{padding:25px 17px 23px}
  .bbb-tmq__matches{grid-template-columns:1fr}
}

/* One focal heading per screen. Keep the SEO h1 accessible, not competing. */
.bbb-tmq__quiz-head { 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; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
.bbb-tmq__progress { margin-bottom: 18px; }
.bbb-tmq__card { min-height: 0; padding-top: 10px; padding-bottom: 24px; }
.bbb-tmq__card legend { max-width: 18ch; margin: 0 auto 28px; font-size: clamp(34px, 5vw, 48px); }
.bbb-tmq__answers span { min-height: 64px; padding-block: 15px; }
.bbb-tmq__annotation { display: flex; width: max-content; max-width: 100%; align-items: center; gap: 10px; margin: 0 auto 8px; color: #d978a3; font: 400 clamp(40px,5.5vw,54px)/1 "Dancing Script","Brush Script MT",cursive; letter-spacing: 0; text-align: center; text-transform: lowercase; transform: rotate(-3deg); }
.bbb-tmq__answers span { gap: 14px; }
.bbb-tmq__answers span img { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; filter: drop-shadow(0 5px 8px rgba(0,0,0,.28)); }
.bbb-tmq__answers span b { font: inherit; }
.bbb-tmq__result-emoji { display: block; width: 76px; height: 76px; margin: 10px auto 4px; object-fit: contain; }
.bbb-tmq__match { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 13px; align-items: center; }
.bbb-tmq__match > img { width: 58px; height: 82px; object-fit: cover; background: #eadfe1; box-shadow: 3px 3px 0 #9d3e67; }
.bbb-tmq__match > span:only-child { grid-column: 1 / -1; }
@media(max-width:560px){.bbb-tmq__answers span{justify-content:flex-start;text-align:left}.bbb-tmq__answers span img{width:38px;height:38px;flex-basis:38px}}

/* Keep custom artwork exclusive to the match receipt. */
.bbb-tmq__answers span img { display: none; }
.bbb-tmq__card legend { max-width: none; white-space: nowrap; font-size: clamp(17px,4.2vw,44px); }
.bbb-tmq__answers span { min-height: 58px; padding: 12px 14px; gap: 0; justify-content: center; white-space: nowrap; text-align: center; font-size: 16px; line-height: 1.2; }
.bbb-tmq__result-board { width: min(100%,560px); padding: 14px; box-shadow: 9px 9px 0 #9d3e67; }
.bbb-tmq__receipt-head { padding: 18px 14px 16px; }
.bbb-tmq__reveal { padding-block: 12px 16px; }
.bbb-tmq__reveal h2 { font-size: clamp(38px,9vw,56px); margin-block: 6px 10px; }
.bbb-tmq__reveal-line { font-size: 17px; }
.bbb-tmq__result-emoji { width: 58px; height: 58px; margin-block: 6px 2px; }
.bbb-tmq__match { min-height: 92px; padding: 10px 6px; grid-template-columns: 46px minmax(0,1fr); gap: 10px; }
.bbb-tmq__match > img { width: 46px; height: 68px; }
.bbb-tmq__orbit-wrap,.bbb-tmq__actions,.bbb-tmq__email { padding-block: 15px; }
.bbb-tmq__recommendations h3 { margin: 0 0 8px; color: #050505; font: 700 24px/1 Georgia,serif; }
.bbb-tmq__recommendations + .bbb-tmq__paths { margin-top: 14px; }
.bbb-tmq__orbit { display: grid; grid-template-columns: 1fr 1fr; }
.bbb-tmq__orbit a { display: grid; min-height: 54px; grid-template-columns: 42px minmax(0,1fr); gap: 8px; align-items: center; padding: 6px 10px; border: 1px solid #75636a; color: #050505; font: 700 12px/1.2 "Courier New",monospace; text-align: left; text-decoration: none; }
.bbb-tmq__orbit a:hover { background: rgba(157,62,103,.08); }
.bbb-tmq__orbit a img { width: 42px; height: 42px; object-fit: contain; }
.bbb-tmq__match-reason { margin: 8px 0 0; color: #55474b; font: 400 11px/1.45 "Courier New",monospace; }
.bbb-tmq__match--save { width: 100%; font: inherit; text-align: left; cursor: pointer; }
.bbb-tmq__match--save:disabled { cursor: wait; opacity: .72; }
.bbb-tmq__save-heart { display: grid; width: 46px; height: 68px; place-items: center; background: #050505; color: #f38ab8; font: 400 36px/1 Georgia,serif; box-shadow: 3px 3px 0 #9d3e67; }
.bbb-tmq__save-status { margin: 10px 0 0; color: #55474b; font: 400 12px/1.45 "Courier New",monospace; text-align: center; }
.bbb-tmq__save-status a { color: #7e2f53; font-weight: 700; }
@media(max-width:560px){.bbb-tmq__answers span{justify-content:center;text-align:center;font-size:15px}.bbb-tmq__result-board{padding:10px}.bbb-tmq__matches{grid-template-columns:1fr 1fr}.bbb-tmq__card legend{font-size:clamp(15px,5vw,28px);letter-spacing:-.035em}}
@media(max-width:360px){.bbb-tmq__answers span{padding-inline:8px;font-size:14px;letter-spacing:-.015em}.bbb-tmq__card legend{font-size:14px}}
@media(max-width:420px){.bbb-tmq__annotation{gap:7px;font-size:36px}}