/* MANNEN article-photo candidate, 2026-10-18.
   Opt-in only on the 13 existing hotel/flight documents. No new photographs.
   Keep the original pixels and full composition rather than filling the viewport. */
/* Mobile/tablet <=960px keep their pre-revision fit/focal/size rules. */
@media(min-width:961px) {
  body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.compare-backdrop,.fh-compare-backdrop) img {
    object-fit:contain!important;
    object-position:50% 50%!important;
    background:#07111f;
  }

  body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) {
    grid-template-rows:600px auto!important;
  }
  body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.compare-backdrop,.fh-compare-backdrop) {
    width:min(100%,1200px)!important;
    max-width:1200px;
    justify-self:center;
    background:#07111f;
  }
  body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-title,.fh-photo-priority-title,.desktop-photo-title) {
    width:min(100%,800px)!important;
    justify-self:center;
    padding-inline:32px!important;
  }
}

/* APPROVED PC HERO A, 2026-10-18.
   Natural full photographs; unchanged complete H1 below; existing copy/metrics below.
   Existing opt-in + article canonical only: review pages and all other areas excluded.
   <=960px has no added rules. No HTML, image, mobile source or content changes. */
@media(min-width:961px) {
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) {--mannen-hero-a-ratio:4/3;--mannen-hero-a-max-width:960px;--mannen-hero-a-viewport-width:calc(133.333333vh - 306.666667px);display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:0 28px!important;width:min(var(--mannen-hero-a-max-width),calc(100% - 40px),max(640px,var(--mannen-hero-a-viewport-width)))!important;max-width:var(--mannen-hero-a-max-width)!important;margin:0 auto 32px!important;padding:0!important;background:transparent!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.compare-backdrop,.fh-compare-backdrop) {grid-area:1/1/2/3!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:var(--mannen-hero-a-ratio)!important;margin:0!important;justify-self:stretch!important;overflow:hidden!important;border-radius:0!important;background:transparent!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.compare-backdrop,.fh-compare-backdrop) img {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important;background:transparent!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-title,.fh-photo-priority-title,.desktop-photo-title) {grid-area:2/1/3/3!important;display:block!important;position:static!important;width:100%!important;max-width:none!important;justify-self:stretch!important;align-self:start!important;min-width:0!important;margin:0!important;padding:18px 0 16px!important;box-sizing:border-box!important;pointer-events:auto!important;background:transparent!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-label,.fh-photo-priority-label) {display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;color:#172333!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-title,.fh-photo-priority-title,.desktop-photo-title) h1 {color:#172333!important;font-size:clamp(30px,2.6vw,36px)!important;line-height:1.4!important;font-weight:500!important;letter-spacing:.015em!important;margin:10px 0 0!important;max-width:100%!important;text-shadow:none!important;overflow-wrap:anywhere!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-title,.fh-photo-priority-title,.desktop-photo-title) :is(.eyebrow,.fh-eyebrow) {color:#806126!important;font-size:12px!important;line-height:1.6!important;letter-spacing:.08em!important;margin:0!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.photo-priority-copy,.fh-photo-priority-copy) {grid-area:3/1/4/2!important;display:block!important;position:static!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 0 26px!important;background:transparent!important;color:#172333!important;}
  html:has(> head > link[rel="canonical"]:is([href^="https://mannenshugyoso.com/hotels/"],[href^="https://mannenshugyoso.com/flights/"])) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) :is(.detail-metrics,.fh-detail-metrics) {grid-area:3/2/4/3!important;display:block!important;min-width:0!important;width:auto!important;margin:0!important;padding:0 0 26px!important;background:transparent!important;}
}

/* /flights/qr835/ actual 1200x1016 pixels: preserve its whole composition and the approved 720px photo-height cap. */
@media(min-width:961px) {
  html:has(> head > link[rel="canonical"][href="https://mannenshugyoso.com/flights/qr835/"]) body[data-article-hero-bounds="v1"] [data-page-scope] .ms-page-content.ms-source-reference :is(.desktop-photo-layout,.fh-desktop-photo-layout) {--mannen-hero-a-ratio:1200/1016;--mannen-hero-a-max-width:850.393701px;--mannen-hero-a-viewport-width:calc(118.110236vh - 271.653543px);}
}