/* Standalone quote widget inside the live media site's shared header/footer. */
html { margin: 0; padding: 0; }
body.sf-movie-quote-page {
  margin: 0; padding: 0; background: #fff; color: #1e1e1e;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px; line-height: 1.8;
}
.sfq-media-main { box-sizing: border-box; max-width: 1000px; margin: 0 auto; padding: 24px 40px 48px; }
.sfq-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 32px; font-size: 13px; font-weight: 700; }
.sfq-breadcrumb a { color: #0878b2; text-decoration: none; }
.sfq-breadcrumb a:hover { text-decoration: underline; }
.sfq-breadcrumb > span[aria-hidden] { color: #6f6f66; }
.sfq-media-heading { text-align: center; margin-bottom: 32px; }
.sfq-media-eyebrow { margin: 0 0 12px; font-size: 12px; letter-spacing: .16em; color: #0878b2; font-weight: 900; }
.sfq-media-heading h1 { margin: 0 0 18px; font-size: clamp(28px, 3.4vw, 42px); font-weight: 900; line-height: 1.45; letter-spacing: -.035em; }
.sfq-media-heading h1 span { display: inline-block; }
.sfq-media-heading h1 span:last-child { box-shadow: inset 0 -.22em #ffe600; }
.sfq-media-heading > p:last-child { margin: 0; font-size: 16px; line-height: 1.8; color: #52524d; }
/* Keep the original faint background artwork; hide only the duplicate title/logo. */
.sf-movie-quote-page .sf-q-hero > .sf-q-logo,
.sf-movie-quote-page .sf-q-hero > .sf-q-header { display: none; }
.sf-movie-quote-page .sf-q-wrap { padding-bottom: 24px; }
.sf-movie-quote-page .sf-q-opt input { margin-left: 0; margin-right: 0; }
.sf-movie-quote-page .sf-q-total { bottom: 16px; z-index: 90; }
.sf-movie-quote-page .sf-q-wrap:not(:has(input[name="sfq-base"]:checked:not([value=""]))) .sf-q-total { position: static; }
.sf-movie-quote-page .sf-q-modal-x { display: grid; place-items: center; padding: 0; }
.sfq-return-nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 24px; border-top: 2px solid #dedbd2; }
.sfq-return-nav a { display: inline-block; color: #0878b2; text-decoration: none; font-weight: 700; font-size: 15px; border-radius: 8px; padding: 8px 4px; transition: color .15s, background .15s, box-shadow .15s; }
.sfq-return-nav a:hover, .sfq-return-nav a:focus-visible { background: #e2f2fb; box-shadow: 0 0 12px #0878b233; text-decoration: underline; }
.sfq-skip { position: absolute; top: -100px; left: 16px; z-index: 2147483647; padding: 12px; background: #fff; color: #0878b2; }
.sfq-skip:focus { top: 8px; }
@media (max-width: 759px) {
  .sfq-media-main { padding: 18px 16px 32px; }
  .sfq-breadcrumb { font-size: 12px; gap: 6px; margin-bottom: 26px; }
  .sfq-media-heading { margin-bottom: 26px; }
  .sfq-media-heading h1 { font-size: 28px; }
  .sfq-media-heading h1 span { display: block; width: fit-content; margin: 0 auto; }
  .sfq-media-heading > p:last-child { font-size: 15px; }
  .sf-movie-quote-page .sf-q-sec-label { flex-wrap: wrap; column-gap: 8px; row-gap: 4px; }
  .sf-movie-quote-page .sf-q-sec-label small.q { flex-basis: 100%; }
  .sfq-return-nav { flex-direction: column; gap: 8px; padding-top: 18px; }
  .sfq-return-nav a { width: fit-content; }
}