/* Market Research AI (redesign): the research file is the hero, set on a framed ribbon stage.
   Below the stage the page is calm: a photographed situation, the evidence map, then the trust ledger. */
.mr-stagewrap{margin-top:var(--s8)}
.mr-hero{padding-bottom:0}
.mr-stage>.x-stage-in{padding:clamp(18px,4.4vw,64px) clamp(18px,7vw,104px) clamp(40px,7vw,104px) clamp(18px,4.4vw,64px)}

/* the research file */
.ds{overflow:hidden}
.ds-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.ds-q [role=tab]{text-align:left;padding:20px 26px 18px;font-size:17px;line-height:1.35;font-weight:700;color:var(--text);box-shadow:inset 0 -3px 0 transparent;transition:color .2s ease,box-shadow .3s var(--out),background-color .2s ease}
.ds-q [role=tab]+[role=tab]{border-left:1px solid var(--line)}
.ds-q [aria-selected=true]{color:var(--ink);background:var(--cloud);box-shadow:inset 0 -3px 0 var(--cobalt)}
@media (hover:hover){.ds-q [role=tab]:not([aria-selected=true]):hover{color:var(--ink);background:#F7FAFF}}
.ds-body{display:grid;position:relative;background:#fff}
.ds-pane{grid-area:1/1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:#fff}
.ds-col{padding:30px 32px 34px}
.ds-read{border-left:1px solid var(--line);display:grid;align-content:start;gap:12px}
.ds-h{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.005em}
.ds-read .ds-h:not(:first-child){margin-top:14px}
.ds-ev ul{margin-top:14px;display:grid;gap:10px}
.ev{width:100%;text-align:left;display:grid;gap:8px;padding:16px 18px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;transition:box-shadow .25s ease,background-color .25s ease}
.ev-t{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ev-t b{font-size:16.5px;color:var(--ink)}
.ev-d{font-size:16px;line-height:1.5;color:var(--text)}
.ev[aria-pressed=true]{background:var(--ice);box-shadow:inset 0 0 0 2px var(--cobalt)}
@media (hover:hover){.ev:not([aria-pressed=true]):hover{box-shadow:inset 0 0 0 1.5px var(--sky)}}
.ds-find{font-size:21px;line-height:1.45;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.fs{transition:color .3s ease,background-color .3s ease;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ds-find.dim .fs{color:var(--muted)}
.ds-find .fs.on{color:var(--ink);background:var(--ice);box-shadow:0 2px 0 var(--cobalt)}
.ds-next{font-size:17.5px;line-height:1.55;color:var(--ink)}
.ds-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:2px}
.ds-scale li{padding:9px 6px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}
.ds-scale li.on{box-shadow:none}
.ds-scale li.on:nth-child(1){background:#FFF0F2;color:var(--t-coral)}.ds-scale li.on:nth-child(2){background:rgba(255,198,90,.12);box-shadow:inset 0 0 0 1px rgba(255,198,90,.42);color:var(--t-amber)}
.ds-scale li.on:nth-child(3){background:var(--ice);color:var(--deep)}.ds-scale li.on:nth-child(4){background:#E3F7F4;color:var(--t-teal)}
.ds-conf{font-size:15.5px;line-height:1.5;color:var(--text)}
.ds-foot{padding:16px 26px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--text);background:#F7FAFF}

/* the situation: a photograph and three lines people recognise */
.mr-sit-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s8) var(--s9);align-items:center}
.mr-photo{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh-ui)}
.mr-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.mr-sit-copy{display:grid;gap:var(--s5)}
.mr-quotes{margin-top:var(--s3);display:grid}
.mr-quotes li{padding:20px 0;border-top:1px solid var(--line);display:grid;gap:6px}
.mr-quotes li:last-child{border-bottom:1px solid var(--line)}
.mr-quotes q{font-size:22px;line-height:1.35;font-weight:700;letter-spacing:-.012em;color:var(--ink)}
.mr-quotes q::before{content:"“"}.mr-quotes q::after{content:"”"}
.mr-quotes span{font-size:16.5px;line-height:1.5;color:var(--text)}

/* the evidence map */
.mr-kinds-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s5) var(--s9);align-items:end}
.mx{margin-top:var(--s8);display:grid;gap:14px}
.mx-r{display:grid;grid-template-columns:200px repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.mx-hd span{font-size:17px;font-weight:800;color:var(--deep);padding:0 4px}
.mx-rh{align-self:center;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.mx-c{background:#fff;border-radius:16px;box-shadow:var(--sh-ui);padding:26px 28px;display:grid;gap:8px;align-content:start}
.mx-c b{font-size:19px;color:var(--ink);letter-spacing:-.01em}
.mx-c>span{font-size:16px;line-height:1.5;color:var(--text)}
.mx-c ul{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.mx-c li{font-size:14px;font-weight:700;color:var(--deep);background:var(--ice);border-radius:6px;padding:6px 12px}
.mx-col{display:none}
.mr-src{margin-top:var(--s5);font-size:15px;color:var(--text)}.mr-src a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* trust */
.mr-trust-lead{margin-top:var(--s4)}
.mr-trust .x-ledger{margin-top:var(--s8)}

@media (max-width:1100px){
  .ds-pane{grid-template-columns:1fr}.ds-read{border-left:0;border-top:1px solid var(--line)}
  .mr-sit-in,.mr-kinds-head{grid-template-columns:1fr}
  .mr-photo{aspect-ratio:16/10}
  .mx-r{grid-template-columns:140px repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mr-stagewrap{margin-top:var(--s6);margin-inline:-8px}
  .ds-q{grid-template-columns:1fr}.ds-q [role=tab]+[role=tab]{border-left:0;border-top:1px solid var(--line)}
  .ds-q [role=tab]{padding:14px 18px;font-size:16px}
  .ds-col{padding:20px 18px 24px}
  .ds-find{font-size:19px}
  .mx-hd{display:none}.mx-r{grid-template-columns:1fr}.mx-rh{margin-top:12px}
  .mx-col{display:block;font-style:normal;font-size:14px;font-weight:700;color:var(--deep)}
  .mr-quotes q{font-size:19px}
}