/* Readability and reflow layer. Loaded after the existing page/section styles. */
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
body,
main,
section,
header,
footer,
nav,
div {min-width: 0;}
p,
h1,
h2,
h3,
strong,
small,
span,
a,
button,
label {overflow-wrap: break-word;}
.chapter-links {gap: clamp(18px, 2.2vw, 34px);font-size: 14px;}
.chapter-languages {align-items: center;font-size: 13px;}
.theme-control {display: inline-flex;align-items: center;flex: none;gap: 7px;min-width: max-content;font-size: 13px;line-height: 1.2;}
.theme-control select {min-height: 34px;max-width: 96px;padding: 5px 25px 5px 9px;border-radius: 8px;font: 600 14px/1.2 Manrope, -apple-system, "PingFang SC", sans-serif;}
.round-link,
.text-link {font-size: 15px;}
.footer-bottom {font-size: 13px;line-height: 1.55;}
.footer-bottom > span {font-size: 13px;}
/* Keep the approved 1440 composition; make its supporting text readable. */
#home nav {font-size: 14px;}
#home .demo,
#home .languages,
#home .edition {font-size: 13px;}
#home .acronym {width: 340px;}
#home .acronym dd {grid-template-columns: 112px 1px minmax(0, 1fr);column-gap: 13px;font-size: 15px;line-height: 1.5;}
#home .term-divider,
#home .term-zh {font-size: 15px;}
#home .capability .index,
#home .explore,
#home .footer,
#home .footer .right {font-size: 13px;}
#home .capability .description,
html[lang="en"] #home .capability .description {font-size: 13px;line-height: 1.55;}
#home .capability .label,
html[lang="en"] #home .capability .label {font-size: 21px;line-height: 1.35;}
#home .capability.left,
html[lang="en"] #home .capability.left {width: 196px;left: 394px;}
#home .capability.right,
html[lang="en"] #home .capability.right {width: 190px;left: 1190px;}
#home .explore {top: 810px;}
/* At laptop widths, replace whole-canvas zoom with a true two-column reflow. */
@media (min-width: 620px) and (max-width: 1100px) {#home {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);width: 100%;height: auto;min-height: 0;padding: 0 40px 44px;column-gap: 34px;overflow: hidden;zoom: 1;transform: none;}
  #home header {grid-column: 1 / -1;height: 86px;padding: 0;}
  #home nav {gap: 14px;}
  #home .intro {position: relative;inset: auto;grid-column: 1;grid-row: 2;width: auto;margin-top: 52px;}
  #home .product-name {font-size: clamp(62px, 7vw, 76px);}
  #home .headline,
  html[lang="en"] #home .headline {max-width: 440px;font-size: clamp(29px, 3.4vw, 35px);}
  #home .product {position: relative;inset: auto;grid-column: 2;grid-row: 2;width: 100%;height: clamp(470px, 58vw, 620px);margin: 16px 0 0;overflow: hidden;}
  #home .product-art {position: absolute;top: 1%;left: 0;width: 100%;height: auto;aspect-ratio: 1145 / 1373;}
  #home .screen-coordinates {transform: scale(var(--hero-image-scale));}
  #home .capability,
  #home .capability.left,
  #home .capability.right,
  html[lang="en"] #home .capability.left,
  html[lang="en"] #home .capability.right {position: relative;inset: auto;width: auto;padding: 24px 0;}
  #home .one { grid-column: 1; grid-row: 3; }
  #home .two { grid-column: 1; grid-row: 4; }
  #home .three { grid-column: 2; grid-row: 3; }
  #home .four { grid-column: 2; grid-row: 4; }
  #home .explore,
  #home .footer {position: relative;inset: auto;grid-column: 1 / -1;}
  #home .explore {justify-content: flex-start;padding: 30px 0 20px;}}
/* Secretary and coach: body copy is primary content, captions are auxiliary. */
.story-section .section-title {font-size: clamp(48px, 4.5vw, 64px);line-height: 1.12;text-wrap: balance;}
.story-section .section-lead {max-width: 620px;font-size: 19px;line-height: 1.75;}
.story-heading .eyebrow,
.story-caption,
.story-progress,
.story-view-label,
.step-number {font-size: 13px;line-height: 1.55;}
.story-step-trigger h3,
html[lang="en"] .story-step-trigger h3 {font-size: 28px;line-height: 1.35;}
.story-step > p,
html[lang="en"] .story-step > p {max-width: 44ch;font-size: 18px;line-height: 1.78;}
.story-step {min-height: 320px;}
/* Executive: enlarge copy, then stack controls before they become cramped. */
.executive-lede {font-size: 19px;line-height: 1.75;}
.executive-kicker,
.executive-overline {font-size: 13px;}
.executive-tab {min-height: 142px;}
.executive-tab-number,
.executive-tab small,
.executive-project-row span,
.executive-project-row em,
.executive-caption,
.executive-idea-path article small,
.executive-memory-map article small {font-size: 13px;}
.executive-tab strong {font-size: 18px;}
.executive-console-bar,
.executive-panel-head a {font-size: 14px;}
.executive-project-row strong,
.executive-question p,
.executive-panel blockquote {font-size: 16px;}
.executive-idea-path article span,
.executive-memory-map article span,
.executive-question span {font-size: 13px;}
.executive-idea-path article strong,
.executive-memory-map article strong {font-size: 17px;}
.executive-memory-core strong { font-size: 15px; }
.executive-memory-core small { font-size: 13px; }
.executive-flow span {min-width: 66px;font-size: 14px;}
/* Connected devices: keep device names and limitations readable. */
.devices-heading-copy p {font-size: 19px;line-height: 1.75;}
.devices-kicker,
.devices-heading-copy span,
.devices-flow-label span,
.devices-status,
.devices-notes span {font-size: 13px;}
.devices-switcher button {font-size: 15px;}
.devices-switcher button span,
.device-node strong,
.device-node small,
.devices-hub small {font-size: 13px;}
.device-node small {min-height: 42px;line-height: 1.55;}
.devices-notes strong { font-size: 18px; }
.devices-notes p { font-size: 18px; line-height: 1.7; }
@media (max-width: 1050px) {.chapter-nav {gap: 14px;padding-inline: 24px;}
  .chapter-links { gap: 18px; }
  .chapter-languages { gap: 6px; }
  .chapter-languages .theme-control > span { display: none; }
  .executive-section,
  .devices-section {padding-inline: 40px;}
  .executive-heading,
  .devices-heading {gap: 40px;}}
@media (max-width: 980px) {.executive-index {grid-template-columns: 1fr;}
  .executive-tab {min-height: 0;border-right: 0;padding: 22px 4px;}}
/* Short landscape needs vertical device flow; the desktop three-part grid is too wide. */
@media (max-width: 900px) {.devices-heading { grid-template-columns: 1fr; }
  .devices-flow,
  .devices-flow-out {grid-template-columns: 1fr;gap: 26px;min-height: 0;}
  .devices-flow-out .devices-hub { order: 1; }
  .devices-flow-out .devices-stream { order: 2; }
  .devices-flow-out .devices-cluster { order: 3; }
  .devices-stream {width: 2px;height: 58px;margin: 0 auto;}
  .devices-stream::after {right: -4px;top: auto;bottom: -1px;transform: rotate(135deg);}
  .devices-stream i {left: -3px;top: 0;animation-name: devices-packet-mobile;}}
@media (max-width: 619px) {#home {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);padding: 0 20px 32px;column-gap: 20px;}
  #home header {min-height: 76px;height: auto;gap: 10px;}
  #home nav { gap: 8px; }
  #home .brand { font-size: 18px; }
  #home .demo { gap: 6px; padding: 9px 10px; }
  #home .demo span { display: none; }
  #home .theme-control > span { display: none; }
  #home .theme-control select { max-width: 76px; padding-left: 7px; }
  #home .explore { top: auto; }
  #home .intro { margin-top: 34px; }
  #home .product-name { font-size: clamp(54px, 16vw, 66px); }
  #home .headline,
  html[lang="en"] #home .headline {font-size: clamp(28px, 8.2vw, 32px);line-height: 1.32;}
  #home .acronym dd {grid-template-columns: minmax(88px, auto) 1px minmax(0, 1fr);column-gap: 11px;}
  #home .product {aspect-ratio: .95;}
  #home .capability,
  #home .capability.left,
  #home .capability.right,
  html[lang="en"] #home .capability.left,
  html[lang="en"] #home .capability.right {position: relative;inset: auto;width: auto;padding: 24px 0;}
  #home .capability .label,
  html[lang="en"] #home .capability .label {font-size: 20px;}
  #home .footer {align-items: flex-start;flex-direction: column;font-size: 13px;}
  .story-section .section-title,
  .executive-heading h2,
  .devices-heading h2 {font-size: clamp(42px, 12vw, 52px);line-height: 1.08;}
  .story-section .section-lead,
  .executive-lede,
  .devices-heading-copy p {font-size: 17px;line-height: 1.72;}
  .story-heading .eyebrow,
  .story-caption,
  .story-progress,
  .story-view-label,
  .step-number {font-size: 13px;}
  .story-step-trigger h3,
  html[lang="en"] .story-step-trigger h3 {font-size: 25px;}
  .story-step > p,
  html[lang="en"] .story-step > p {max-width: none;margin-left: 29px;font-size: 17px;line-height: 1.75;}
  .executive-section,
  .devices-section {padding-inline: 20px;}
  .executive-console { min-height: 0; }
  .executive-panel { min-height: 0; }
  .executive-demo-label { font-size: 13px; }
  .executive-project-row {grid-template-columns: 8px minmax(0, 1fr);}
  .executive-project-row span,
  .executive-project-row em {grid-column: 2;}
  .executive-flow {grid-template-columns: 1fr;gap: 10px;overflow: visible;}
  .executive-flow span {min-width: 0;min-height: 44px;padding-inline: 12px;border-radius: 99px;font-size: 14px;}
  .devices-switcher button {min-width: 0;min-height: 58px;font-size: 14px;line-height: 1.35;}
  .devices-cluster,
  .devices-cluster-four {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .devices-notes p { font-size: 17px; }
  .chapter-nav {height: 68px;padding-inline: 16px;}
  .chapter-links {gap: 22px;font-size: 14px;}
  .chapter-languages {font-size: 13px;}
  .chapter-languages .theme-control select {max-width: 72px;}}
@media (max-width: 390px) {#home .brand { display: none; }
  .chapter-languages > span { display: none; }}