/* Scena Studio — layout for tablets, phones and wide screens */
.mnav-burger { display: none; align-items: center; justify-content: center; height: 38px; padding: 0 14px; border: 1px solid #DCDFE3; border-radius: 4px; background: #FFFFFF; color: #17181C; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; white-space: nowrap; }
.mnav-burger.dark { border-color: rgba(255,255,255,0.22); background: rgba(255,255,255,0.06); color: #FFFFFF; }
:where(main p:not([style*="max-width"])) { max-width: 80ch; }
.site-logo, .foot-logo { flex: 0 0 auto; white-space: nowrap; }
section[role="dialog"] { max-height: calc(100vh - 40px); }
@media (min-width: 1024px) {
  .mnav-sheet { display: none !important; }
  aside[style*="position: sticky"],
  nav[style*="position: sticky"],
  div[style*="position: sticky"] {
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  [style*="grid-template-columns: repeat(auto-fit, minmax(195px, 1fr))"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (min-width: 900px) and (max-width: 1023px) {
  [style*="grid-template-columns: repeat(auto-fit, minmax(195px, 1fr))"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  [style*="grid-template-columns: repeat(auto-fit, minmax(195px, 1fr))"] > .card {
    padding: 14px 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  header > div > div[style*="padding: 0px 60px"],
  header > div > div[style*="padding: 0 60px"] {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .fl-q { right: 12px !important; }
  .fl-c { left: 12px !important; }
  .fl-e { right: 14px !important; bottom: 12px !important; }
  [style*="grid-template-columns: repeat(auto-fit, minmax(195px, 1fr))"] > .card {
    padding: 16px 14px !important;
  }
}
@media (min-width: 1024px) and (max-height: 820px) {
  header .wrap[style*="height: 74px"] {
    height: 60px !important;
  }
  header .sec[style*="padding-top: 54px"] {
    padding-top: 22px !important;
  }
  header .sec[style*="padding-top: 54px"] > .wrap,
  header .sec[style*="padding-top: 54px"] > .wrap > div:first-child {
    gap: 12px !important;
  }
  .hv-d h1[style*="font-size: 56px"] {
    font-size: clamp(36px, 3.2vw, 46px) !important;
    line-height: 1.08 !important;
  }
  .hv-d header p[style*="font-size: 18.5px"] {
    font-size: 16px !important;
    line-height: 1.52 !important;
  }
  .hv-d header a[style*="height: 52px"] {
    height: 44px !important;
    font-size: 15px !important;
  }
  [data-block="heromedia"] > .wrap[style*="margin-top: 40px"] {
    margin-top: 18px !important;
  }
}
@media (max-width: 1279px) {
  .sec { padding-left: 40px !important; padding-right: 40px !important; }
  [style*="grid-template-columns: minmax(0, 820px) 1fr"],
  [style*="grid-template-columns: minmax(0px, 820px) 1fr"] { grid-template-columns: minmax(0, 1fr) 248px !important; gap: 0 40px !important; }
}
@media (max-width: 1023px) {
  .sec { padding-left: 36px !important; padding-right: 36px !important; }
  .mnav { display: none !important; }
  .mnav-burger { display: inline-flex; }
  h1[style*="font-size: 56px"] { font-size: 42px !important; }
  h1[style*="font-size: 46px"], h1[style*="font-size: 44px"], h1[style*="font-size: 42px"] { font-size: 36px !important; }
  h1[style*="font-size: 40px"], h1[style*="font-size: 38px"], h1[style*="font-size: 36px"] { font-size: 33px !important; }
  h2[style*="font-size: 38px"], h2[style*="font-size: 36px"], h2[style*="font-size: 34px"] { font-size: 30px !important; }
  h2[style*="font-size: 32px"], h2[style*="font-size: 30px"] { font-size: 27px !important; }
  [style*="grid-template-columns: repeat(4, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(5, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  [style*="grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.7fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.72fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.72fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.75fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.62fr)"],
  [style*="grid-template-columns: minmax(0px, 0.62fr) minmax(0px, 1.62fr)"],
  [style*="grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.62fr)"],
  [style*="grid-template-columns: minmax(0px, 0.65fr) minmax(0px, 1.62fr)"],
  [style*="grid-template-columns: minmax(0, 1fr) auto"],
  [style*="grid-template-columns: minmax(0px, 1fr) auto"],
  [style*="grid-template-columns: minmax(0, 1fr) 300px"],
  [style*="grid-template-columns: minmax(0px, 1fr) 300px"],
  [style*="grid-template-columns: minmax(0, 1fr) 260px"],
  [style*="grid-template-columns: minmax(0px, 1fr) 260px"],
  [style*="grid-template-columns: minmax(0, 1fr) 250px"],
  [style*="grid-template-columns: minmax(0px, 1fr) 250px"],
  [style*="grid-template-columns: minmax(0, 1fr) 420px"],
  [style*="grid-template-columns: minmax(0px, 1fr) 420px"],
  [style*="grid-template-columns: 230px minmax(0, 700px)"],
  [style*="grid-template-columns: 230px minmax(0px, 700px)"],
  [style*="grid-template-columns: 240px minmax(0, 720px)"],
  [style*="grid-template-columns: 240px minmax(0px, 720px)"],
  [style*="grid-template-columns: minmax(0, 820px) 1fr"],
  [style*="grid-template-columns: minmax(0px, 820px) 1fr"],
  [style*="grid-template-columns: 240px minmax(0, 1fr)"],
  [style*="grid-template-columns: 240px minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr)"],
  [style*="grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr)"] { grid-template-columns: minmax(0, 1fr) !important; }
  [style*="grid-template-columns: 56px minmax(0, 1fr) 300px"],
  [style*="grid-template-columns: 56px minmax(0px, 1fr) 300px"] { grid-template-columns: 56px minmax(0, 1fr) !important; }
  [style*="grid-template-columns: 56px minmax(0, 1fr) 300px"] > :nth-child(3), [style*="grid-template-columns: 56px minmax(0px, 1fr) 300px"] > :nth-child(3) { grid-column: 2; }
  aside[style*="position: sticky"], nav[style*="position: sticky"], div[style*="position: sticky"] { position: static !important; }
  *:has(> [style*="grid-template-columns: 1.3fr 1.1fr 1.3fr 0.8fr 1.5fr 0.9fr"]) { overflow-x: auto; }
  [style*="grid-template-columns: 1.3fr 1.1fr 1.3fr 0.8fr 1.5fr 0.9fr"] { min-width: 860px; }
  .topbar .wrap { gap: 12px !important; }
  [data-block="timerail"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 18px !important; }
  [style*="gap: 0 "]:has(> [style*="border-top: 2px"]), [style*="gap: 0px "]:has(> [style*="border-top: 2px"]),
  [style*="gap: 0 "]:has(> [style*="border-top: 1px"]), [style*="gap: 0px "]:has(> [style*="border-top: 1px"]) { row-gap: 18px !important; }
  [style*="grid-template-columns: repeat(2, minmax(0, 1fr))"]:has([style*="grid-template-columns: 124px minmax"]),
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"]:has([style*="grid-template-columns: 124px minmax"]),
  [style*="grid-template-columns: repeat(2, minmax(0, 1fr))"]:has(> [style*="grid-template-columns: 200px minmax"]),
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"]:has(> [style*="grid-template-columns: 200px minmax"]) { grid-template-columns: minmax(0, 1fr) !important; }
  [data-block="publisher"] a, .sec.foot a:not([style*="border-radius: 50%"]) { display: inline-flex; align-items: center; min-height: 40px; }
  select { min-height: 40px; }
  a[style*="text-decoration: underline"][style*="display: inline-block"] { padding-top: 10px; padding-bottom: 10px; }
  a.mnav-link, :is(#m-nav, #m-nav--t, #m-nav--m) a { min-height: 40px; box-sizing: border-box; }
  button[role="switch"] { min-height: 40px; }
  .topbar a { min-height: 40px; display: inline-flex; align-items: center; }
  a[style*="font-weight: 650; color: #C0391A"], a[style*="font-weight: 650; color: rgb(192, 57, 26)"] { display: inline-flex; align-items: center; min-height: 32px; }
  button { min-height: 36px; }
  nav[aria-label] ul li > a[aria-current] { min-height: 40px; box-sizing: border-box; }
}
@media (max-width: 860px) {
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 599px) {
  .sec { padding-left: 20px !important; padding-right: 20px !important; }
  h1, h1[style] { font-size: 30px !important; line-height: 1.16 !important; }
  h2[style*="font-size: 3"], h2[style*="font-size: 2"] { font-size: 23px !important; line-height: 1.25 !important; }
  [style*="grid-template-columns: repeat(2, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(2, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(3, minmax(0px, 1fr))"],
  [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: 92px minmax(0, 1fr)"],
  [style*="grid-template-columns: 92px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 112px 1fr"],
  [style*="grid-template-columns: 200px minmax(0, 1fr)"],
  [style*="grid-template-columns: 200px minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr) 140px"],
  [style*="grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.6fr) 140px"],
  [style*="grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 0.7fr) minmax(0px, 1fr) minmax(0px, 1fr)"],
  [style*="grid-template-columns: minmax(0, 210px) minmax(0, 1fr) 46px"],
  [style*="grid-template-columns: minmax(0px, 210px) minmax(0px, 1fr) 46px"],
  [style*="grid-template-columns: minmax(0, 1fr) 128px"],
  [style*="grid-template-columns: minmax(0px, 1fr) 128px"],
  [style*="grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0px, 1fr) 34px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 150px minmax(0, 1fr)"],
  [style*="grid-template-columns: 150px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 172px minmax(0, 1fr)"],
  [style*="grid-template-columns: 172px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 130px minmax(0, 1fr)"],
  [style*="grid-template-columns: 130px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 128px minmax(0, 1fr)"],
  [style*="grid-template-columns: 128px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 124px minmax(0, 1fr)"],
  [style*="grid-template-columns: 124px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 112px minmax(0, 1fr)"],
  [style*="grid-template-columns: 112px minmax(0px, 1fr)"],
  [style*="grid-template-columns: repeat(4, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(4, minmax(0px, 1fr))"],
  [style*="grid-template-columns: repeat(5, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(5, minmax(0px, 1fr))"] { grid-template-columns: minmax(0, 1fr) !important; }
  .topbar .dl-btn { display: none !important; }
  [style*="grid-template-columns: repeat(6, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(6, minmax(0px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 22px !important; }
  [data-block="timerail"] { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; border-top: 0 !important; border-left: 2px solid #17181C; padding: 2px 0 2px 22px !important; }
  [data-block="timerail"] span[aria-hidden="true"] { top: 3px !important; left: -29px !important; }
  /* the plan comparison: four narrow columns that fit the phone instead of a sideways scroll */
  [style*="min-width: 760px"] { min-width: 0 !important; }
  [style*="grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr))"],
  [style*="grid-template-columns: minmax(0px, 1.6fr) repeat(3, minmax(0px, 1fr))"] { grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)) !important; }
  [style*="grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr))"] > span,
  [style*="grid-template-columns: minmax(0px, 1.6fr) repeat(3, minmax(0px, 1fr))"] > span { padding-left: 6px !important; padding-right: 6px !important; font-size: 12px !important; }
  /* step lists: a narrower number column */
  [style*="grid-template-columns: 64px minmax(0, 1fr)"],
  [style*="grid-template-columns: 64px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 56px minmax(0, 1fr)"],
  [style*="grid-template-columns: 56px minmax(0px, 1fr)"],
  [style*="grid-template-columns: 56px minmax(0, 1fr) 300px"],
  [style*="grid-template-columns: 56px minmax(0px, 1fr) 300px"] { grid-template-columns: 34px minmax(0, 1fr) !important; column-gap: 8px !important; }
  /* screenshot frames: the caption wraps instead of being cut */
  figure [style*="text-overflow: ellipsis"] { white-space: normal !important; overflow: visible !important; }
  figure > div:first-child { flex-wrap: wrap; row-gap: 2px; padding-top: 5px !important; padding-bottom: 5px !important; }
  /* previous / next chapter: two full-width buttons */
  [style*="justify-content: space-between; gap: 16px; padding-top: 26px"] { flex-wrap: wrap; }
  [style*="justify-content: space-between; gap: 16px; padding-top: 26px"] > a { flex: 1 1 100%; justify-content: center; white-space: normal !important; text-align: center; }
  /* small tables (three columns or fewer) wrap instead of scrolling */
  table:not(:has(tr > :nth-child(4))) { min-width: 0 !important; }
  .dl-btn { display: none !important; }
  /* the connections diagram: the PC on top, the four destinations below it, no fan of arrows */
  [data-block="connects"] { padding: 18px 16px !important; }
  [data-block="connects"] > div { flex-direction: column; align-items: stretch !important; gap: 12px !important; }
  [data-block="connects"] > div > svg { display: none !important; }
  [data-block="connects"] > div > span:first-child { width: auto !important; flex-direction: row !important; gap: 12px !important; }
  [data-block="connects"] > div > span:first-child > svg { width: 64px; height: 52px; }
  [data-block="connects"] > div > div > span { height: auto !important; min-height: 50px; flex-wrap: wrap; row-gap: 2px; padding: 9px 12px !important; }
  [data-block="connects"] > div > div > span > span:last-child { margin-left: 32px !important; white-space: normal !important; }
  .site-logo > svg, .foot-logo > svg { width: 30px; height: 30px; }
  .site-logo > span, .foot-logo > span { font-size: 19px !important; }
  /* cookie choices: a sheet along the bottom of the phone instead of a fixed 560 px box */
  section[role="dialog"][style*="width: 560px"] { width: auto !important; left: 10px !important; right: 10px !important; top: auto !important; bottom: 10px !important;
    transform: none !important; max-height: calc(100vh - 20px); padding: 18px 16px 14px !important; }
  section[role="dialog"] div[style*="display: flex"]:has(> button + button) { flex-wrap: wrap; }
  section[role="dialog"] div[style*="display: flex"]:has(> button + button) > button { flex: 1 1 auto; }
  *:has(> table) { overflow-x: auto; }
  table { min-width: 520px; }
}
@media (pointer: coarse) {
  [data-block="publisher"] a, .sec.foot a:not([style*="border-radius: 50%"]) { display: inline-flex; align-items: center; min-height: 40px; }
  select { min-height: 40px; }
  a[style*="text-decoration: underline"][style*="display: inline-block"] { padding-top: 10px; padding-bottom: 10px; }
  a.mnav-link, :is(#m-nav, #m-nav--t, #m-nav--m) a { min-height: 40px; box-sizing: border-box; }
  button[role="switch"] { min-height: 40px; }
  .topbar a { min-height: 40px; display: inline-flex; align-items: center; }
  a[style*="font-weight: 650; color: #C0391A"], a[style*="font-weight: 650; color: rgb(192, 57, 26)"] { display: inline-flex; align-items: center; min-height: 32px; }
  button { min-height: 36px; }
  nav[aria-label] ul li > a[aria-current] { min-height: 40px; box-sizing: border-box; }
}
@media (min-width: 600px) and (max-width: 1023px) { :is(#m-nav, #m-nav--t, #m-nav--m) ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 32px !important; } }
@media (max-width: 400px) {
  header select, .topbar select { max-width: 92px !important; }
  .mnav-burger { padding: 0 10px !important; }
  .topbar .wrap, header .wrap { gap: 8px !important; }
  [role="group"][style*="flex: 0 0 auto"] { flex: 1 1 auto !important; max-width: 100%; }
  [role="group"] > button { padding-left: 10px !important; padding-right: 10px !important; }
  .site-logo > span { font-size: 17.5px !important; }
  .site-logo { gap: 8px !important; }
}