/* WM-0212: the rule (web/I18N.md, webco 2026-10-20): on a translated page
   the hero's display line shrinks to fit its room; it never wraps, clips or
   overlaps. Linked only from a translated start page, after home.css; English
   never carries it.

   The page gives the line's width in em (.dfit-N: N/10 em) and the Neon
   caption's in px (.dcap-M: M x 4 px), from src/fit.rs. The size is the
   design size (home.css's) or the room divided by the width, whichever is
   smaller. The room, in each of home.css's layouts (its own media queries,
   in its order; if they change, change these; tools/live/display-fit.cjs
   checks every language):
   - 1440: from the line (x 72) to 24 px before the Neon caption, which stands
     at x 748, or ends 464.8 from the right in the type's own pixel size;
   - 768: from the line (x 32) to 24 px before the Neon watch, whose box
     starts at x 470 (home.css's 768 block: .dev-neon --x 470, y 125 to 389,
     beside the line); 470 - 32 = 438;
   - 390: the type's own width, 358. */
.hero-type .display.dfit {
  --display-design: 158;
  --display-room: min(calc(676 * var(--u) - 24px), calc(903.2 * var(--u) - var(--display-cap) - 24px));
  font-size: min(calc(var(--display-design) * var(--u)), calc(var(--display-room) / var(--display-em)));
}
@media (max-width: 853px), (max-width: 1023px) and (min-height: 1070px), (max-width: 599px), (max-width: 767px) and (max-height: 878.98px), (min-width: 768px) and (max-width: 773px) and (max-height: 903.98px), (min-width: 774px) and (max-width: 799px) and (max-height: 879.98px), (min-width: 800px) and (max-width: 853px) and (max-height: 861.98px), (min-width: 854px) and (max-width: 895px) and (max-height: 671.98px), (min-width: 896px) and (max-width: 991px) and (max-height: 647.98px), (min-width: 992px) and (max-width: 1023px) and (max-height: 623.98px) {
  .hero-type .display.dfit { --display-design: 112; --display-room: calc(438 * var(--u) - 24px); }
}
@media (max-width: 599px), (max-width: 767px) and (max-height: 878.98px), (min-width: 768px) and (max-width: 773px) and (max-height: 903.98px), (min-width: 774px) and (max-width: 799px) and (max-height: 879.98px), (min-width: 800px) and (max-width: 853px) and (max-height: 861.98px), (min-width: 854px) and (max-width: 895px) and (max-height: 671.98px), (min-width: 896px) and (max-width: 991px) and (max-height: 647.98px), (min-width: 992px) and (max-width: 1023px) and (max-height: 623.98px) {
  .hero-type .display.dfit { --display-design: 98; --display-room: calc(358 * var(--u)); }
}
/* The first visit's stacked plates on short wide screens (home.css's copies). */
@media (min-width: 1024px) and (max-width: 1055px) and (max-height: 647.98px), (min-width: 1056px) and (max-width: 1215px) and (max-height: 623.98px), (min-width: 1216px) and (max-height: 599.98px) {
  :root.wm-consent-first .hero-type .display.dfit { --display-design: 112; --display-room: calc(438 * var(--u) - 24px); }
}
@media (min-width: 1024px) and (max-width: 1055px) and (max-height: 647.98px), (min-width: 1056px) and (max-width: 1215px) and (max-height: 623.98px), (min-width: 1216px) and (max-height: 599.98px) {
  :root.wm-consent-first .hero-type .display.dfit { --display-design: 98; --display-room: calc(358 * var(--u)); }
}
.dfit-10 { --display-em: 1; }
.dfit-11 { --display-em: 1.1; }
.dfit-12 { --display-em: 1.2; }
.dfit-13 { --display-em: 1.3; }
.dfit-14 { --display-em: 1.4; }
.dfit-15 { --display-em: 1.5; }
.dfit-16 { --display-em: 1.6; }
.dfit-17 { --display-em: 1.7; }
.dfit-18 { --display-em: 1.8; }
.dfit-19 { --display-em: 1.9; }
.dfit-20 { --display-em: 2; }
.dfit-21 { --display-em: 2.1; }
.dfit-22 { --display-em: 2.2; }
.dfit-23 { --display-em: 2.3; }
.dfit-24 { --display-em: 2.4; }
.dfit-25 { --display-em: 2.5; }
.dfit-26 { --display-em: 2.6; }
.dfit-27 { --display-em: 2.7; }
.dfit-28 { --display-em: 2.8; }
.dfit-29 { --display-em: 2.9; }
.dfit-30 { --display-em: 3; }
.dfit-31 { --display-em: 3.1; }
.dfit-32 { --display-em: 3.2; }
.dfit-33 { --display-em: 3.3; }
.dfit-34 { --display-em: 3.4; }
.dfit-35 { --display-em: 3.5; }
.dfit-36 { --display-em: 3.6; }
.dfit-37 { --display-em: 3.7; }
.dfit-38 { --display-em: 3.8; }
.dfit-39 { --display-em: 3.9; }
.dfit-40 { --display-em: 4; }
.dfit-41 { --display-em: 4.1; }
.dfit-42 { --display-em: 4.2; }
.dfit-43 { --display-em: 4.3; }
.dfit-44 { --display-em: 4.4; }
.dfit-45 { --display-em: 4.5; }
.dfit-46 { --display-em: 4.6; }
.dfit-47 { --display-em: 4.7; }
.dfit-48 { --display-em: 4.8; }
.dfit-49 { --display-em: 4.9; }
.dfit-50 { --display-em: 5; }
.dfit-51 { --display-em: 5.1; }
.dfit-52 { --display-em: 5.2; }
.dfit-53 { --display-em: 5.3; }
.dfit-54 { --display-em: 5.4; }
.dfit-55 { --display-em: 5.5; }
.dfit-56 { --display-em: 5.6; }
.dfit-57 { --display-em: 5.7; }
.dfit-58 { --display-em: 5.8; }
.dfit-59 { --display-em: 5.9; }
.dfit-60 { --display-em: 6; }
.dfit-61 { --display-em: 6.1; }
.dfit-62 { --display-em: 6.2; }
.dfit-63 { --display-em: 6.3; }
.dfit-64 { --display-em: 6.4; }
.dfit-65 { --display-em: 6.5; }
.dfit-66 { --display-em: 6.6; }
.dfit-67 { --display-em: 6.7; }
.dfit-68 { --display-em: 6.8; }
.dfit-69 { --display-em: 6.9; }
.dfit-70 { --display-em: 7; }
.dfit-71 { --display-em: 7.1; }
.dfit-72 { --display-em: 7.2; }
.dfit-73 { --display-em: 7.3; }
.dfit-74 { --display-em: 7.4; }
.dfit-75 { --display-em: 7.5; }
.dfit-76 { --display-em: 7.6; }
.dfit-77 { --display-em: 7.7; }
.dfit-78 { --display-em: 7.8; }
.dfit-79 { --display-em: 7.9; }
.dfit-80 { --display-em: 8; }
.dfit-81 { --display-em: 8.1; }
.dfit-82 { --display-em: 8.2; }
.dfit-83 { --display-em: 8.3; }
.dfit-84 { --display-em: 8.4; }
.dfit-85 { --display-em: 8.5; }
.dfit-86 { --display-em: 8.6; }
.dfit-87 { --display-em: 8.7; }
.dfit-88 { --display-em: 8.8; }
.dfit-89 { --display-em: 8.9; }
.dfit-90 { --display-em: 9; }
.dfit-91 { --display-em: 9.1; }
.dfit-92 { --display-em: 9.2; }
.dfit-93 { --display-em: 9.3; }
.dfit-94 { --display-em: 9.4; }
.dfit-95 { --display-em: 9.5; }
.dfit-96 { --display-em: 9.6; }
.dfit-97 { --display-em: 9.7; }
.dfit-98 { --display-em: 9.8; }
.dfit-99 { --display-em: 9.9; }
.dfit-100 { --display-em: 10; }
.dfit-101 { --display-em: 10.1; }
.dfit-102 { --display-em: 10.2; }
.dfit-103 { --display-em: 10.3; }
.dfit-104 { --display-em: 10.4; }
.dfit-105 { --display-em: 10.5; }
.dfit-106 { --display-em: 10.6; }
.dfit-107 { --display-em: 10.7; }
.dfit-108 { --display-em: 10.8; }
.dfit-109 { --display-em: 10.9; }
.dfit-110 { --display-em: 11; }
.dfit-111 { --display-em: 11.1; }
.dfit-112 { --display-em: 11.2; }
.dfit-113 { --display-em: 11.3; }
.dfit-114 { --display-em: 11.4; }
.dfit-115 { --display-em: 11.5; }
.dfit-116 { --display-em: 11.6; }
.dfit-117 { --display-em: 11.7; }
.dfit-118 { --display-em: 11.8; }
.dfit-119 { --display-em: 11.9; }
.dfit-120 { --display-em: 12; }
.dfit-121 { --display-em: 12.1; }
.dfit-122 { --display-em: 12.2; }
.dfit-123 { --display-em: 12.3; }
.dfit-124 { --display-em: 12.4; }
.dfit-125 { --display-em: 12.5; }
.dfit-126 { --display-em: 12.6; }
.dfit-127 { --display-em: 12.7; }
.dfit-128 { --display-em: 12.8; }
.dfit-129 { --display-em: 12.9; }
.dfit-130 { --display-em: 13; }
.dfit-131 { --display-em: 13.1; }
.dfit-132 { --display-em: 13.2; }
.dfit-133 { --display-em: 13.3; }
.dfit-134 { --display-em: 13.4; }
.dfit-135 { --display-em: 13.5; }
.dfit-136 { --display-em: 13.6; }
.dfit-137 { --display-em: 13.7; }
.dfit-138 { --display-em: 13.8; }
.dfit-139 { --display-em: 13.9; }
.dfit-140 { --display-em: 14; }
.dfit-141 { --display-em: 14.1; }
.dfit-142 { --display-em: 14.2; }
.dfit-143 { --display-em: 14.3; }
.dfit-144 { --display-em: 14.4; }
.dfit-145 { --display-em: 14.5; }
.dfit-146 { --display-em: 14.6; }
.dfit-147 { --display-em: 14.7; }
.dfit-148 { --display-em: 14.8; }
.dfit-149 { --display-em: 14.9; }
.dfit-150 { --display-em: 15; }
.dfit-151 { --display-em: 15.1; }
.dfit-152 { --display-em: 15.2; }
.dfit-153 { --display-em: 15.3; }
.dfit-154 { --display-em: 15.4; }
.dfit-155 { --display-em: 15.5; }
.dfit-156 { --display-em: 15.6; }
.dfit-157 { --display-em: 15.7; }
.dfit-158 { --display-em: 15.8; }
.dfit-159 { --display-em: 15.9; }
.dfit-160 { --display-em: 16; }
.dfit-161 { --display-em: 16.1; }
.dfit-162 { --display-em: 16.2; }
.dfit-163 { --display-em: 16.3; }
.dfit-164 { --display-em: 16.4; }
.dfit-165 { --display-em: 16.5; }
.dfit-166 { --display-em: 16.6; }
.dfit-167 { --display-em: 16.7; }
.dfit-168 { --display-em: 16.8; }
.dfit-169 { --display-em: 16.9; }
.dfit-170 { --display-em: 17; }
.dfit-171 { --display-em: 17.1; }
.dfit-172 { --display-em: 17.2; }
.dfit-173 { --display-em: 17.3; }
.dfit-174 { --display-em: 17.4; }
.dfit-175 { --display-em: 17.5; }
.dfit-176 { --display-em: 17.6; }
.dfit-177 { --display-em: 17.7; }
.dfit-178 { --display-em: 17.8; }
.dfit-179 { --display-em: 17.9; }
.dfit-180 { --display-em: 18; }
.dfit-181 { --display-em: 18.1; }
.dfit-182 { --display-em: 18.2; }
.dfit-183 { --display-em: 18.3; }
.dfit-184 { --display-em: 18.4; }
.dfit-185 { --display-em: 18.5; }
.dfit-186 { --display-em: 18.6; }
.dfit-187 { --display-em: 18.7; }
.dfit-188 { --display-em: 18.8; }
.dfit-189 { --display-em: 18.9; }
.dfit-190 { --display-em: 19; }
.dfit-191 { --display-em: 19.1; }
.dfit-192 { --display-em: 19.2; }
.dfit-193 { --display-em: 19.3; }
.dfit-194 { --display-em: 19.4; }
.dfit-195 { --display-em: 19.5; }
.dfit-196 { --display-em: 19.6; }
.dfit-197 { --display-em: 19.7; }
.dfit-198 { --display-em: 19.8; }
.dfit-199 { --display-em: 19.9; }
.dfit-200 { --display-em: 20; }
.dcap-10 { --display-cap: 40px; }
.dcap-11 { --display-cap: 44px; }
.dcap-12 { --display-cap: 48px; }
.dcap-13 { --display-cap: 52px; }
.dcap-14 { --display-cap: 56px; }
.dcap-15 { --display-cap: 60px; }
.dcap-16 { --display-cap: 64px; }
.dcap-17 { --display-cap: 68px; }
.dcap-18 { --display-cap: 72px; }
.dcap-19 { --display-cap: 76px; }
.dcap-20 { --display-cap: 80px; }
.dcap-21 { --display-cap: 84px; }
.dcap-22 { --display-cap: 88px; }
.dcap-23 { --display-cap: 92px; }
.dcap-24 { --display-cap: 96px; }
.dcap-25 { --display-cap: 100px; }
.dcap-26 { --display-cap: 104px; }
.dcap-27 { --display-cap: 108px; }
.dcap-28 { --display-cap: 112px; }
.dcap-29 { --display-cap: 116px; }
.dcap-30 { --display-cap: 120px; }
.dcap-31 { --display-cap: 124px; }
.dcap-32 { --display-cap: 128px; }
.dcap-33 { --display-cap: 132px; }
.dcap-34 { --display-cap: 136px; }
.dcap-35 { --display-cap: 140px; }
.dcap-36 { --display-cap: 144px; }
.dcap-37 { --display-cap: 148px; }
.dcap-38 { --display-cap: 152px; }
.dcap-39 { --display-cap: 156px; }
.dcap-40 { --display-cap: 160px; }
.dcap-41 { --display-cap: 164px; }
.dcap-42 { --display-cap: 168px; }
.dcap-43 { --display-cap: 172px; }
.dcap-44 { --display-cap: 176px; }
.dcap-45 { --display-cap: 180px; }
.dcap-46 { --display-cap: 184px; }
.dcap-47 { --display-cap: 188px; }
.dcap-48 { --display-cap: 192px; }
.dcap-49 { --display-cap: 196px; }
.dcap-50 { --display-cap: 200px; }
.dcap-51 { --display-cap: 204px; }
.dcap-52 { --display-cap: 208px; }
.dcap-53 { --display-cap: 212px; }
.dcap-54 { --display-cap: 216px; }
.dcap-55 { --display-cap: 220px; }
.dcap-56 { --display-cap: 224px; }
.dcap-57 { --display-cap: 228px; }
.dcap-58 { --display-cap: 232px; }
.dcap-59 { --display-cap: 236px; }
.dcap-60 { --display-cap: 240px; }
.dcap-61 { --display-cap: 244px; }
.dcap-62 { --display-cap: 248px; }
.dcap-63 { --display-cap: 252px; }
.dcap-64 { --display-cap: 256px; }
.dcap-65 { --display-cap: 260px; }
.dcap-66 { --display-cap: 264px; }
.dcap-67 { --display-cap: 268px; }
.dcap-68 { --display-cap: 272px; }
.dcap-69 { --display-cap: 276px; }
.dcap-70 { --display-cap: 280px; }
.dcap-71 { --display-cap: 284px; }
.dcap-72 { --display-cap: 288px; }
.dcap-73 { --display-cap: 292px; }
.dcap-74 { --display-cap: 296px; }
.dcap-75 { --display-cap: 300px; }
.dcap-76 { --display-cap: 304px; }
.dcap-77 { --display-cap: 308px; }
.dcap-78 { --display-cap: 312px; }
.dcap-79 { --display-cap: 316px; }
.dcap-80 { --display-cap: 320px; }
.dcap-81 { --display-cap: 324px; }
.dcap-82 { --display-cap: 328px; }
.dcap-83 { --display-cap: 332px; }
.dcap-84 { --display-cap: 336px; }
.dcap-85 { --display-cap: 340px; }
.dcap-86 { --display-cap: 344px; }
.dcap-87 { --display-cap: 348px; }
.dcap-88 { --display-cap: 352px; }
.dcap-89 { --display-cap: 356px; }
.dcap-90 { --display-cap: 360px; }
.dcap-91 { --display-cap: 364px; }
.dcap-92 { --display-cap: 368px; }
.dcap-93 { --display-cap: 372px; }
.dcap-94 { --display-cap: 376px; }
.dcap-95 { --display-cap: 380px; }
.dcap-96 { --display-cap: 384px; }
.dcap-97 { --display-cap: 388px; }
.dcap-98 { --display-cap: 392px; }
.dcap-99 { --display-cap: 396px; }
.dcap-100 { --display-cap: 400px; }