/* Seven-question quiz; all rules are confined to its section. */
#face-quiz-widget .fq-intro { grid-template-columns:1.12fr 1fr; gap:44px; }
#face-quiz-widget .fq-intro h2 { font-size:clamp(32px,3.1vw,44px); }
#face-quiz-widget .fq-intro .fq-button-primary { padding-inline:18px; font-size:14px; }
#face-quiz-widget .fq-result-main { max-width:1040px; }
#face-quiz-widget .fq-result-head { max-width:880px; padding-bottom:28px; }
#face-quiz-widget .fq-result-head h2 { max-width:900px; }
#face-quiz-widget .fq-result-body { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
#face-quiz-widget .fq-result-video { min-width:0; width:100%; margin:0; }
#face-quiz-widget .fq-result-video figcaption { position:absolute; width:1px; height:1px; padding:0; margin:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#face-quiz-widget .fq-video-frame { position:relative; width:100%; aspect-ratio:9 / 16; overflow:hidden; border-radius:18px; background:#211923; }
#face-quiz-widget .fq-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
#face-quiz-widget .fq-scenario-label { color:#71507d; font-size:14px; font-weight:550; margin:0 0 14px; }
#face-quiz-widget .fq-result-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#face-quiz-widget .fq-result-tile { display:grid; grid-template-columns:28px minmax(0,1fr); gap:0 14px; min-width:0; padding:20px; border:1px solid var(--line); background:var(--paper); border-radius:18px; }
#face-quiz-widget .fq-tile-number { grid-column:1; grid-row:1 / 3; display:block; color:var(--gold); font:400 22px/1.3 var(--serif); }
#face-quiz-widget .fq-result-tile h3 { grid-column:2; color:var(--ink); font:400 23px/1.25 var(--serif); margin:0 0 10px; }
#face-quiz-widget .fq-result-tile > p, #face-quiz-widget .fq-result-tile > div { grid-column:2; }
#face-quiz-widget .fq-result-tile p { color:var(--ink); font-size:15px; line-height:1.7; margin:0; }
#face-quiz-widget .fq-result-tile p + p { margin-top:14px; }
#face-quiz-widget .fq-map-offer { text-align:left; margin-top:24px; padding:30px; }
#face-quiz-widget .fq-map-offer h3 { color:var(--ink); font:400 clamp(26px,2.8vw,34px)/1.2 var(--serif); margin:0 0 12px; }
#face-quiz-widget .fq-map-offer .fq-result-offer-copy { max-width:none; margin:0 0 16px; }
#face-quiz-widget .fq-map-details { margin:0 0 24px; color:var(--muted); font-size:15px; line-height:1.75; }
#face-quiz-widget .fq-map-details summary { cursor:pointer; width:fit-content; color:var(--ink); font-weight:550; padding:6px 0; }
#face-quiz-widget .fq-map-details p { margin:16px 0 0; }
#face-quiz-widget .fq-map-details .fq-offer-list { font-size:15px; }
#face-quiz-widget .fq-map-cta { display:flex; gap:24px; justify-content:space-between; align-items:center; padding-top:20px; border-top:1px solid var(--line); }
#face-quiz-widget .fq-map-cta .fq-price-label { margin-bottom:8px; font-size:13px; }
#face-quiz-widget .fq-map-cta .fq-price { margin:0; font-size:38px; white-space:nowrap; }
#face-quiz-widget .fq-map-cta .fq-button { min-width:260px; }
#face-quiz-widget .fq-map-offer .fq-inline-form { max-width:none; padding-top:24px; border-top:1px solid var(--line); }
#face-quiz-widget [hidden] { display:none !important; }
#face-quiz-widget .fq-restart { display:block; margin:25px auto 0; border:0; border-bottom:1px solid var(--line); padding:6px 0; color:var(--muted); background:transparent; font-size:14px; }
#face-quiz-widget .fq-answers { scroll-margin-top:116px; }
@media(min-width:1001px) {
  @supports(width:1cqh) {
    /* Only the text sets the row height. Fit the portrait player inside it. */
    #face-quiz-widget .fq-result-body { align-items:stretch; }
    #face-quiz-widget .fq-result-video { container-type:size; display:grid; place-items:start center; }
    #face-quiz-widget .fq-video-frame { width:min(100%,56.25cqh); }
  }
}
@media(max-width:1000px) {
  #face-quiz-widget .fq-intro { grid-template-columns:1fr; gap:28px; }
  #face-quiz-widget .fq-intro h2 { max-width:760px; }
  #face-quiz-widget .fq-lead { max-width:760px; }
  #face-quiz-widget .fq-result-body { grid-template-columns:minmax(0,1fr); gap:24px; }
  #face-quiz-widget .fq-result-video { max-width:360px; justify-self:center; }
}
@media(max-width:600px) {
  #face-quiz-widget .fq-intro { padding:28px 23px; }
  #face-quiz-widget .fq-intro h2 { font-size:32px; }
  #face-quiz-widget .fq-intro .fq-button-primary { font-size:14px; }
  #face-quiz-widget .fq-intro .fq-eyebrow { font-size:11px; }
  #face-quiz-widget .fq-card { padding:24px 20px; }
  #face-quiz-widget .fq-result-head h2 { font-size:31px; line-height:1.2; }
  #face-quiz-widget .fq-result-summary { font-size:16px; line-height:1.7; }
  #face-quiz-widget .fq-result-tile { grid-template-columns:24px minmax(0,1fr); gap:0 10px; padding:18px 16px; }
  #face-quiz-widget .fq-map-offer { padding:24px 18px; }
  #face-quiz-widget .fq-map-cta { flex-direction:column; align-items:stretch; gap:20px; }
  #face-quiz-widget .fq-map-cta .fq-button { min-width:0; width:100%; }
  #face-quiz-widget .fq-answer label { padding:14px; gap:12px; }
}