/* Screen-only reading layout. Printed A4 pages keep their original dimensions. */
@media screen and (max-width:900px){
  :root{--pad:24px}
  html,body{width:100%;zoom:1}
  body{display:block;padding:12px;font-size:16px}
  main,.print-hint,.catalog-language{width:100%;max-width:760px;margin:0 auto 16px}
  .page{width:100%;height:auto;min-height:0;margin-bottom:20px;overflow:visible}
  .page.pad{padding:var(--pad)}
  .page *{min-width:0;overflow-wrap:anywhere}
  .page p,.lead,.method-d,.smod-d,.tl-t,.parts li,.cnote p,.cert-d,.adv-i p,.sector p,.c-v{font-size:16px!important;line-height:1.65}
  .label,.fig-t,.img-cap,.c-k,.cnotes h4,.cert-meta,.cover-kicker,.cover-meta,.qr-cap,.cb-k,.cb-s{font-size:13px;letter-spacing:.1em}
  h2.title{font-size:36px;line-height:1.08}
  h3.sub,.method-t,.smod-t,.sector h4,.adv-i h4{font-size:19px}
  .page>div[style*="position:absolute"]{position:relative!important;inset:auto!important;margin:24px var(--pad);gap:20px;flex-wrap:wrap}
  .foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:28px;gap:12px;flex-wrap:wrap;font-size:12px}
  .page:not(.pad)>.foot{margin:24px var(--pad);padding-bottom:24px}
  .cover-img{position:relative;inset:auto;height:300px}
  .cover-logo{top:24px}
  .cover-logo img{max-width:65vw;height:auto;width:200px}
  .cover-body{position:relative;inset:auto;padding:0 var(--pad) 28px}
  .cover-top{align-items:flex-start;gap:20px;flex-wrap:wrap}
  .cover-badge{text-align:left;border-right:0;border-left:3px solid var(--red);padding:0 0 0 12px}
  .cover-title{font-size:clamp(36px,7vw,56px);line-height:1.05}
  .cover-meta{position:relative;inset:auto;margin:0 var(--pad);padding:18px 0;flex-wrap:wrap;gap:12px}
  .cover-sub{max-width:none}
  .hl-band{padding:20px;flex-wrap:wrap;gap:20px}
  .hl-ref{text-align:left;white-space:normal;font-size:14px}
  .stk-t,.stk-v{font-size:14px;white-space:normal}
  .page div[style*="display:grid"],.methods,.smods,.parts,.cnotes,.certs,.adv,.contact,.sectors{grid-template-columns:1fr!important;gap:24px!important}
  .page div[style*="display:grid"]>div[style*="grid-column"]{grid-column:auto!important}
  .refs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fire,.oem{display:block;max-width:100%;overflow-x:auto}
  .fire th,.fire td,.oem th,.oem td{font-size:14px!important;white-space:normal;min-width:80px}
  .fire td.p,.oem td.who{white-space:normal}
  .c-v a{color:inherit}
  .catalog-language a{min-height:44px;display:inline-flex;align-items:center}
}
@media screen and (max-width:380px){
  :root{--pad:20px}
  body{padding:8px}
  .figs,.refs{grid-template-columns:1fr}
}