/* ROUND 120 — Our History, phones and tablets (inc/round120.php). Loads after inner.css, r63, r77, r113 and r117 on
   the history template. Everything is inside max-width:1023px, where inner.css unwinds the 1440 x 837 frame into a
   column (.hist__panel padding 64px 24px, .hist__stage a flex column, gap 32px). Desktop is untouched. */
@media (max-width:1023px){

  /* 1. 2011-2014: the awards photo (1020 x 1196) was in a 4:3 box and cover-cropped; the box now takes the photo's
        own proportions and the whole photo shows. */
  .sh-r120 .hist__panel--image .hist__shot{aspect-ratio:auto;height:auto !important}
  .sh-r120 .hist__panel--image .hist__shot-img{height:auto;object-fit:contain}

  /* 2, 3, 5, 6. The New Zealand maps: inner.css showed the whole 1440 x 837 frame scaled to the column, which cut the
        map (the image box is 1240 x 1653, mostly outside the frame). r120.js now sizes .hist__map to the map image's
        own box scaled to the column, with the pins carried along, so the whole country shows at its own proportions.
        --sh-r120-map-w is the map's share of the column (1 = full width). */
  .sh-r120 .hist__map{--sh-r120-map-w:1;width:100%;height:auto;margin:0;transform:none;overflow:hidden;position:relative;z-index:1}
  .sh-r120 .hist__map.sh-r120-map{width:min(100% * var(--sh-r120-map-w),420px)}  /* 420px: the column's cap for the other artwork, so tablets do not get a metre of map */
  .sh-r120 .hist__map-scale{position:absolute;left:0;top:0;width:1440px;height:837px;transform-origin:0 0}
  /* 2015 (panel 4): the map sits under the copy, not above it */
  .sh-r120 .hist__panel[data-hist-panel="3"] .hist__map{order:1}
  /* 2023-2024 (panel 9): centred and a little larger than its old 183px */
  .sh-r120 .hist__panel[data-hist-panel="8"] .hist__map{--sh-r120-map-w:.72;margin:0 auto}

  /* 4. 2020-2021: the stack photo runs to the top of its section on a warm-sand ground that ends at the photo's foot,
        so the photo reads as resting on a surface; the copy keeps its 32px below. */
  .sh-r120 .hist__panel--stack .hist__art--stock{position:relative;z-index:1;margin:-64px -24px 0;padding:0 24px;background:var(--warm-sand,#efe8d6);align-items:flex-start}

  /* 7. 2024: the newspaper's foot fades into the charcoal and "2024" sits over its bottom edge */
  .sh-r120 .hist__panel--newspaper .hist__art--stock{position:relative}
  .sh-r120 .hist__panel--newspaper .hist__art--stock::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;
    background:linear-gradient(to bottom,rgba(66,64,64,0) 0,rgba(66,64,64,.55) 45%,var(--charcoal,#424040) 100%)}
  .sh-r120 .hist__panel--newspaper .hist__text{position:relative;z-index:2;margin-top:-60px}

  /* 8. 2025: the heading's forced break (set for the desktop frame) is dropped, so the line wraps naturally */
  .sh-r120 .hist__panel--photo .hist__h br{display:none}

  /* 9. 2026: the sage logo card fills the column; the two older logos keep their 240px cards */
  .sh-r120 .hist__panel--logos .hist__card--sage{width:100% !important}
}