/* ============================================================================
   EFA www — advertiser site page (design/広告サイト.svg, 1440px).

   Design pixels via --u (www-base.css). Artboard section boundaries:
   hero + introduction 152→1608.5, line-up →2554.5, built to sell →3632.4,
   promotional content →4581.3, playbook →5741.9, roadmap →6102.4,
   footer →6554.6. Sections after the hero start with .shadow-top.
   ========================================================================== */

/* ── Hero + First Gravure introduction ───────────────────────────────────── */

.fg-hero { position: relative; min-height: calc(1456.5 * var(--u)); padding-top: calc(74 * var(--u)); }
.fg-hero .section-title-h1 { margin-top: calc(23.7 * var(--u)); }
.fg-hero .section-lead { margin-top: calc(13.6 * var(--u)); }
.fg-intro-logo { position: absolute; left: calc(130 * var(--u)); top: calc(337 * var(--u)); width: calc(402 * var(--u)); height: auto; }
.fg-intro-url {
    position: absolute;
    right: calc(109 * var(--u));
    top: calc(404.4 * var(--u));
    font-size: calc(21 * var(--u));
    line-height: calc(31 * var(--u));
    color: var(--ink-black);
    text-decoration: underline;
    text-underline-offset: calc(4 * var(--u));
    white-space: nowrap;
}
.fg-intro-rule { position: absolute; left: calc(135.9 * var(--u)); top: calc(452.2 * var(--u)); width: calc(1192.1 * var(--u)); height: 1px; margin: 0; border: 0; background: var(--ink); }
.fg-intro-copy { position: absolute; left: calc(137.7 * var(--u)); top: calc(483.1 * var(--u)); width: calc(565 * var(--u)); }
.fg-intro-copy p { margin: 0; font-size: calc(21 * var(--u)); line-height: calc(33.9 * var(--u)); color: var(--ink-black); }
.fg-intro-copy .tag-list { gap: calc(17.5 * var(--u)); margin: calc(20 * var(--u)) 0 calc(20 * var(--u)) calc(2.9 * var(--u)); }
.fg-intro-copy .tag-list li { padding: 0 calc(10 * var(--u)); border: 1px solid #000; font-size: calc(16 * var(--u)); font-weight: 400; line-height: calc(28 * var(--u)); color: var(--ink-black); overflow: visible; }
.fg-intro-actions { display: flex; flex-direction: column; align-items: flex-start; gap: calc(20.8 * var(--u)); margin: 0 0 0 calc(0.2 * var(--u)); }
.fg-intro-actions .button { justify-content: space-between; }
.fg-intro-actions .button-cta { min-width: calc(327.1 * var(--u)); padding-left: calc(24.9 * var(--u)); }
.fg-intro-actions .button-visit { min-width: calc(196.8 * var(--u)); padding-left: calc(22.2 * var(--u)); padding-right: calc(29.6 * var(--u)); }
.fg-intro-shot {
    position: absolute;
    left: calc(732.1 * var(--u));
    top: calc(491.5 * var(--u));
    width: calc(599 * var(--u));
    height: calc(865.8 * var(--u));
    background: var(--white);
    border: calc(0.8 * var(--u)) solid #000;
    overflow: hidden;
}
.fg-intro-shot img { display: block; width: calc(591.3 * var(--u)); height: auto; max-width: none; }

/* ── Line-up: callout, worked example paper, estimate table ──────────────── */

.lineup { padding: calc(84 * var(--u)) 0 0; }
.lineup .section-lead { margin-top: calc(14.6 * var(--u)); }
.lineup-body { position: relative; height: calc(732.3 * var(--u)); }
.callout-figure { position: absolute; left: calc(100 * var(--u)); top: calc(57.8 * var(--u)); width: calc(580 * var(--u)); height: calc(170 * var(--u)); }
.callout-kicker { position: absolute; left: calc(141.6 * var(--u)); top: calc(78.85 * var(--u)); margin: 0; font-size: calc(23.7 * var(--u)); font-weight: 700; line-height: calc(30 * var(--u)); color: var(--cyan); white-space: nowrap; }
.callout-title { position: absolute; left: calc(141.1 * var(--u)); top: calc(115.2 * var(--u)); margin: 0; font-size: calc(48 * var(--u)); font-weight: 700; line-height: calc(48 * var(--u)); color: var(--cyan); white-space: nowrap; }

.lineup-paper {
    position: absolute;
    left: calc(120.2 * var(--u));
    top: calc(218.2 * var(--u));
    width: calc(603.5 * var(--u));
    height: calc(432.7 * var(--u));
    padding: 0;
    background: var(--paper);
    border: calc(0.92 * var(--u)) solid var(--ink);
    box-shadow: none;
}
.lineup-paper .ledger { position: absolute; left: calc(41.2 * var(--u)); top: 0; width: calc(502.8 * var(--u)); height: 100%; margin: 0; }
.lineup-paper .ledger-row { position: absolute; left: 0; width: 100%; padding: 0; border: 0; display: block; }
.lineup-paper .ledger-row::before { content: ""; position: absolute; left: 0; width: 100%; height: 0; border-top: 1px dashed var(--ink); }
.lineup-paper .ledger-row dt { position: absolute; left: calc(-1 * var(--u)); top: 0; font-size: calc(21 * var(--u)); line-height: calc(31 * var(--u)); white-space: nowrap; }
.lineup-paper .ledger-row dd { position: absolute; right: calc(-22.9 * var(--u)); margin: 0; font-size: calc(48 * var(--u)); line-height: calc(48 * var(--u)); letter-spacing: 0.07em; white-space: nowrap; }
.lineup-paper .lineup-row-1 { top: calc(48.9 * var(--u)); }
.lineup-paper .lineup-row-1::before { display: none; }
.lineup-paper .lineup-row-1 dd { top: calc(-8.1 * var(--u)); }
.lineup-paper .lineup-row-2 { top: calc(119.9 * var(--u)); }
.lineup-paper .lineup-row-2::before { top: calc(-19.8 * var(--u)); }
.lineup-paper .lineup-row-2 dd { top: calc(-7 * var(--u)); }
.lineup-paper .lineup-row-3 { top: calc(195.4 * var(--u)); }
.lineup-paper .lineup-row-3::before { top: calc(-24.1 * var(--u)); }
.lineup-paper .lineup-row-3 dd { top: calc(-4.9 * var(--u)); }
.lineup-paper .lineup-row-4 { top: calc(276.9 * var(--u)); }
.lineup-paper .lineup-row-4::before { top: calc(-25.4 * var(--u)); }
.lineup-paper .lineup-row-4 dd { top: calc(-7 * var(--u)); }
.lineup-paper .lineup-row-5 { top: calc(355.4 * var(--u)); }
.lineup-paper .lineup-row-5::before { top: calc(-26.7 * var(--u)); border-top: calc(5 * var(--u)) solid var(--cyan); }
.lineup-paper .lineup-row-5 dd { top: calc(-6.9 * var(--u)); }

.lineup-table { position: absolute; left: calc(752.9 * var(--u)); top: calc(217.5 * var(--u)); width: calc(584.5 * var(--u)); }
.estimate-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.estimate-table .col-product { width: calc(144.8 * var(--u)); }
.estimate-table .col-price { width: calc(244 * var(--u)); }
.estimate-table th, .estimate-table td {
    height: calc(48.9 * var(--u));
    padding: calc(7.6 * var(--u)) calc(15.3 * var(--u)) 0;
    font-size: calc(21 * var(--u));
    font-weight: 400;
    line-height: calc(41.2 * var(--u));
    color: var(--ink-black);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    background: none;
}
.estimate-table thead th { height: calc(49.5 * var(--u)); padding-top: calc(5.6 * var(--u)); background: var(--cyan-tint); }
.estimate-table tbody th, .estimate-table tbody td { border-bottom: 1px solid var(--cyan-tint); }
.estimate-table tbody tr:nth-child(odd) th, .estimate-table tbody tr:nth-child(odd) td { background: none; }
.estimate-table th:nth-child(3), .estimate-table td:nth-child(3) { font-weight: 700; }
.lineup-note { position: absolute; left: calc(760.8 * var(--u)); margin: 0; font-size: calc(16 * var(--u)); font-weight: 400; line-height: calc(28 * var(--u)); color: var(--ink-black); }
.lineup-note-1 { top: calc(468 * var(--u)); white-space: nowrap; }
.lineup-note-2 { left: calc(761 * var(--u)); top: calc(511.1 * var(--u)); width: calc(584 * var(--u)); }

/* ── Built to sell: product page between six speech bubbles ──────────────── */

.sell { padding: calc(86.7 * var(--u)) 0 0; }
.sell .section-lead { margin-top: calc(14.7 * var(--u)); }
.sell-body { position: relative; height: calc(861.4 * var(--u)); }
.sell-figure { position: absolute; left: calc(40 * var(--u)); top: calc(-71 * var(--u)); width: calc(1360 * var(--u)); height: calc(830 * var(--u)); }
.sell-shot {
    position: absolute;
    left: calc(443.9 * var(--u));
    top: calc(51.8 * var(--u));
    width: calc(552.3 * var(--u));
    height: calc(678.3 * var(--u));
    background: var(--white);
    border: 1px solid var(--ink);
    overflow: hidden;
}
.sell-shot img { display: block; width: calc(548.4 * var(--u)); height: auto; max-width: none; margin-left: calc(1 * var(--u)); }
.sell-cap { position: absolute; margin: 0; font-size: calc(21 * var(--u)); font-weight: 700; line-height: calc(31 * var(--u)); color: var(--white); white-space: nowrap; }
.sell-text { position: absolute; width: calc(292 * var(--u)); margin: 0; font-size: calc(16 * var(--u)); font-weight: 400; line-height: calc(28 * var(--u)); color: var(--ink); }
html:lang(ja) .sell-text, html:lang(ja) .playbook-text { letter-spacing: -0.07em; } /* the artboard sets these at about 19 characters per line */
.sell-cap-1 { left: calc(118.4 * var(--u)); top: calc(-15.7 * var(--u)); }
.sell-text-1 { left: calc(119 * var(--u)); top: calc(26.8 * var(--u)); }
.sell-cap-2 { left: calc(1039 * var(--u)); top: calc(-36.3 * var(--u)); }
.sell-text-2 { left: calc(1039.3 * var(--u)); top: calc(5.7 * var(--u)); }
.sell-cap-3 { left: calc(87.8 * var(--u)); top: calc(300.8 * var(--u)); }
.sell-text-3 { left: calc(88.3 * var(--u)); top: calc(340.3 * var(--u)); }
.sell-cap-4 { left: calc(1065.4 * var(--u)); top: calc(301.1 * var(--u)); }
.sell-text-4 { left: calc(1067 * var(--u)); top: calc(342.5 * var(--u)); }
.sell-cap-5 { left: calc(93.4 * var(--u)); top: calc(593.2 * var(--u)); }
.sell-text-5 { left: calc(96.9 * var(--u)); top: calc(632.4 * var(--u)); }
.sell-cap-6 { left: calc(1053.7 * var(--u)); top: calc(595.8 * var(--u)); }
.sell-text-6 { left: calc(1054.9 * var(--u)); top: calc(639.3 * var(--u)); }

/* ── Promotional content ─────────────────────────────────────────────────── */

.promo { padding: calc(98.6 * var(--u)) 0 calc(136.6 * var(--u)); }
.promo .section-title { margin-top: calc(9.8 * var(--u)); }
.promo .section-lead { margin-top: calc(14.7 * var(--u)); }
.promo-strip { width: calc(1110.7 * var(--u)); height: calc(523.7 * var(--u)); margin: calc(60.3 * var(--u)) 0 0 calc(160.3 * var(--u)); overflow: hidden; }
.promo-strip img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ── Playbook: smartphone between four slanted cards ─────────────────────── */

.playbook { padding: calc(98.6 * var(--u)) 0 0; }
.playbook .section-title { margin-top: calc(9.8 * var(--u)); }
.playbook .section-lead { margin-top: calc(14.7 * var(--u)); }
.playbook-body { position: relative; height: calc(932.3 * var(--u)); }
.playbook-figure { position: absolute; z-index: 2; left: calc(60 * var(--u)); top: calc(120.4 * var(--u)); width: calc(1320 * var(--u)); height: calc(640 * var(--u)); }
.playbook-phone {
    position: absolute;
    left: calc(538.1 * var(--u));
    top: calc(47.4 * var(--u));
    width: calc(362.4 * var(--u));
    height: calc(791.5 * var(--u));
    border: 1px solid #383838;
    border-radius: calc(20.28 * var(--u));
    overflow: hidden;
    background: var(--white);
    z-index: 1;
}
.playbook-phone img { display: block; width: 100%; height: auto; }
.playbook-cap { position: absolute; z-index: 3; margin: 0; font-size: calc(21 * var(--u)); font-weight: 700; line-height: calc(31 * var(--u)); color: var(--white); white-space: nowrap; }
.playbook-text { position: absolute; z-index: 3; width: calc(275 * var(--u)); margin: 0; font-size: calc(16 * var(--u)); font-weight: 400; line-height: calc(28 * var(--u)); color: var(--ink); }
.slant-line { display: block; }
.slant-line:nth-child(2) { margin-left: calc(-27.5 * var(--u)); }
.slant-line:nth-child(3) { margin-left: calc(-55 * var(--u)); }
.slant-line:nth-child(4) { margin-left: calc(-82.5 * var(--u)); }
.playbook-cap-1 { left: calc(1019.1 * var(--u)); top: calc(140.5 * var(--u)); }
.playbook-text-1 { left: calc(986.8 * var(--u)); top: calc(179.9 * var(--u)); }
.playbook-cap-2 { left: calc(1020.8 * var(--u)); top: calc(323 * var(--u)); }
.playbook-text-2 { left: calc(988.6 * var(--u)); top: calc(362.5 * var(--u)); }
.playbook-cap-3 { left: calc(230.6 * var(--u)); top: calc(412.4 * var(--u)); }
.playbook-text-3 { left: calc(198.3 * var(--u)); top: calc(451.9 * var(--u)); }
.playbook-cap-4 { left: calc(230.6 * var(--u)); top: calc(596.7 * var(--u)); }
.playbook-text-4 { left: calc(202.4 * var(--u)); top: calc(636.1 * var(--u)); }

/* ── Roadmap ─────────────────────────────────────────────────────────────── */

.roadmap { padding: calc(98.5 * var(--u)) 0 calc(66.5 * var(--u)); }
.roadmap .section-title { margin-top: calc(9.8 * var(--u)); }
.roadmap .section-lead { margin-top: calc(24.5 * var(--u)); }

/* ── Phone (design/mobile/アートボード 5.svg, 716px artboard) ─────────────
   Section boundaries: hero + introduction 152→1920.5, line-up →3332.5,
   built to sell →5577, promotional content →6579.4, playbook →8972.4,
   roadmap →9399.5, footer →10481.7. */

/* ── English desktop: narrower example paper, wider estimate table ─────────── */
@media (width > 900px) {
    /* The English product names and estimates need 662u of table; the paper gives up
       47.7u (its ledger keeps the same insets) and the table grows left and right. */
    html:lang(en) .lineup-paper { width: calc(555.8 * var(--u)); }
    html:lang(en) .lineup-paper .ledger { width: calc(455.1 * var(--u)); }
    html:lang(en) .lineup-table { left: calc(700 * var(--u)); width: calc(662 * var(--u)); }
    html:lang(en) .estimate-table th, html:lang(en) .estimate-table td { padding-left: calc(10 * var(--u)); padding-right: calc(10 * var(--u)); }
    html:lang(en) .estimate-table .col-product { width: calc(202 * var(--u)); }
    html:lang(en) .estimate-table .col-price { width: calc(196 * var(--u)); }
    html:lang(en) .lineup-note { left: calc(707.9 * var(--u)); }
    html:lang(en) .lineup-note-2 { left: calc(708.1 * var(--u)); width: calc(662 * var(--u)); }
}

@media (max-width: 900px) {
    .fg-hero { min-height: calc(1768.5 * var(--u)); padding-top: calc(71.1 * var(--u)); }
    .fg-hero .section-title-h1 { margin-top: calc(23.7 * var(--u)); font-size: max(28px, calc(72 * var(--u))); line-height: calc(72 * var(--u)); }
    .fg-hero .section-lead { margin-top: calc(10.6 * var(--u)); line-height: calc(33.9 * var(--u)); }
    .fg-intro-logo { left: calc(144 * var(--u)); top: calc(301 * var(--u)); width: calc(401 * var(--u)); }
    .fg-intro-url { left: 0; right: 0; top: calc(400.2 * var(--u)); text-align: center; font-size: max(13px, calc(24 * var(--u))); }
    .fg-intro-rule { left: 0; top: calc(447.9 * var(--u)); width: 100%; }
    .fg-intro-shot { left: calc(60.3 * var(--u)); top: calc(490.2 * var(--u)); }
    .fg-intro-copy { left: calc(58 * var(--u)); top: calc(1400.1 * var(--u)); width: calc(660 * var(--u)); }
    .fg-intro-copy p { font-size: max(12px, calc(24 * var(--u))); }
    .fg-intro-actions { flex-direction: row; align-items: center; gap: calc(27.9 * var(--u)); }
    .fg-intro-actions .button-visit { min-width: calc(236.2 * var(--u)); padding-left: calc(40.7 * var(--u)); padding-right: calc(26.4 * var(--u)); }

    /* Line-up */
    .lineup { padding-top: calc(61.7 * var(--u)); }
    .lineup .section-title { margin-top: calc(21.3 * var(--u)); }
    .lineup .section-lead { margin-top: calc(5.9 * var(--u)); line-height: calc(33.9 * var(--u)); }
    .lineup-body { height: calc(1174.1 * var(--u)); }
    .callout-figure { left: calc(60 * var(--u)); top: calc(1.6 * var(--u)); width: calc(600 * var(--u)); height: calc(180 * var(--u)); }
    .callout-kicker { left: calc(110.3 * var(--u)); top: calc(32.3 * var(--u)); }
    .callout-title { left: calc(110.2 * var(--u)); top: calc(65.5 * var(--u)); font-size: max(22px, calc(52 * var(--u))); line-height: calc(52 * var(--u)); }
    .lineup-paper { left: calc(56.4 * var(--u)); top: calc(171.6 * var(--u)); }
    .lineup-paper .ledger-row dt { font-size: max(13px, calc(24 * var(--u))); }
    .lineup-table { left: calc(39 * var(--u)); top: calc(640.7 * var(--u)); width: calc(638.3 * var(--u)); }
    .estimate-table .col-product { width: calc(144 * var(--u)); }
    .estimate-table .col-price { width: calc(285 * var(--u)); }
    .estimate-table th, .estimate-table td { padding-left: calc(16 * var(--u)); font-size: max(12px, calc(21 * var(--u))); }
    .lineup-note { left: calc(47.8 * var(--u)); width: calc(620 * var(--u)); font-size: max(12px, calc(24 * var(--u))); line-height: calc(33.9 * var(--u)); }
    .lineup-note-1 { top: calc(903.4 * var(--u)); white-space: normal; }
    .lineup-note-2 { left: calc(48.6 * var(--u)); top: calc(962.7 * var(--u)); }

    /* Built to sell: bubbles stacked around the product page */
    .sell { padding-top: calc(49.9 * var(--u)); }
    .sell .section-title { margin-top: calc(22.1 * var(--u)); }
    .sell .section-lead { margin-top: calc(9.9 * var(--u)); line-height: calc(33.9 * var(--u)); }
    .sell-body { height: calc(2013.6 * var(--u)); }
    .sell-figure { left: 0; top: calc(-3.4 * var(--u)); width: calc(716 * var(--u)); height: calc(2000 * var(--u)); }
    .sell-shot { left: calc(84.1 * var(--u)); top: calc(681.5 * var(--u)); }
    .sell-cap { font-size: max(14px, calc(24 * var(--u))); line-height: calc(36 * var(--u)); }
    .sell-text { width: calc(546 * var(--u)); font-size: max(12px, calc(24 * var(--u))); line-height: calc(33.9 * var(--u)); }
    html:lang(ja) .sell-text, html:lang(ja) .playbook-text { letter-spacing: -0.04em; }
    .sell-cap-1 { left: calc(92 * var(--u)); top: calc(33.1 * var(--u)); }
    .sell-text-1 { left: calc(95 * var(--u)); top: calc(77.9 * var(--u)); }
    .sell-cap-2 { left: calc(92 * var(--u)); top: calc(247.4 * var(--u)); }
    .sell-text-2 { left: calc(95 * var(--u)); top: calc(292.1 * var(--u)); }
    .sell-cap-3 { left: calc(92 * var(--u)); top: calc(461.2 * var(--u)); }
    .sell-text-3 { left: calc(95 * var(--u)); top: calc(506 * var(--u)); }
    .sell-cap-4 { left: calc(92 * var(--u)); top: calc(1420.6 * var(--u)); }
    .sell-text-4 { left: calc(95 * var(--u)); top: calc(1467.8 * var(--u)); }
    .sell-cap-5 { left: calc(92 * var(--u)); top: calc(1636 * var(--u)); }
    .sell-text-5 { left: calc(95 * var(--u)); top: calc(1683.1 * var(--u)); }
    .sell-cap-6 { left: calc(92 * var(--u)); top: calc(1819.8 * var(--u)); }
    .sell-text-6 { left: calc(95 * var(--u)); top: calc(1866.9 * var(--u)); }

    /* Promotional content: the strip runs past the edges */
    .promo { padding: calc(52.4 * var(--u)) 0 calc(81.6 * var(--u)); overflow: hidden; }
    .promo .section-title { margin-top: calc(18.8 * var(--u)); }
    .promo .section-lead { margin-top: calc(6.2 * var(--u)); line-height: calc(33.9 * var(--u)); }
    .promo-strip { width: calc(1321.3 * var(--u)); height: calc(623.1 * var(--u)); margin: calc(71.3 * var(--u)) 0 0 calc(4.1 * var(--u)); }

    /* Playbook: two cards, the phone, two cards */
    .playbook { padding-top: calc(108.8 * var(--u)); }
    .playbook .section-title { margin-top: calc(16.1 * var(--u)); }
    .playbook .section-lead { margin-top: calc(5.7 * var(--u)); line-height: calc(33.9 * var(--u)); }
    .playbook-body { height: calc(2147.3 * var(--u)); }
    .playbook-figure { left: 0; top: calc(34.9 * var(--u)); width: calc(716 * var(--u)); height: calc(2050 * var(--u)); }
    .playbook-phone { left: calc(68.7 * var(--u)); top: calc(433.5 * var(--u)); width: calc(573 * var(--u)); height: calc(1251.5 * var(--u)); border-radius: calc(32.07 * var(--u)); }
    .playbook-cap { font-size: max(14px, calc(24 * var(--u))); line-height: calc(36 * var(--u)); }
    .playbook-text { width: calc(518 * var(--u)); font-size: max(12px, calc(24 * var(--u))); line-height: calc(33.9 * var(--u)); }
    .slant-line:nth-child(2) { margin-left: calc(-32 * var(--u)); }
    .slant-line:nth-child(3) { margin-left: calc(-64 * var(--u)); }
    .slant-line:nth-child(4) { margin-left: calc(-96 * var(--u)); }
    .playbook-cap-1 { left: calc(171.7 * var(--u)); top: calc(48.3 * var(--u)); }
    .playbook-text-1 { left: calc(138 * var(--u)); top: calc(92.8 * var(--u)); }
    .playbook-cap-2 { left: calc(172.4 * var(--u)); top: calc(239.1 * var(--u)); }
    .playbook-text-2 { left: calc(138.7 * var(--u)); top: calc(283.5 * var(--u)); }
    .playbook-cap-3 { left: calc(172.4 * var(--u)); top: calc(1719.4 * var(--u)); }
    .playbook-text-3 { left: calc(138.7 * var(--u)); top: calc(1763.9 * var(--u)); }
    .playbook-cap-4 { left: calc(172.4 * var(--u)); top: calc(1899.9 * var(--u)); }
    .playbook-text-4 { left: calc(138.7 * var(--u)); top: calc(1944.4 * var(--u)); }

    /* Roadmap */
    .roadmap { padding: calc(85.8 * var(--u)) 0 calc(93.9 * var(--u)); }
    .roadmap .section-title { margin-top: calc(15.6 * var(--u)); }
    .roadmap .section-lead { margin-top: calc(6.6 * var(--u)); line-height: calc(36 * var(--u)); }
}

/* ── English phone: estimate table columns sized to the English strings at 19px;
   smaller notes and a taller body so the long second note stays inside ──────── */
@media (max-width: 900px) {
    html:lang(en) .estimate-table th, html:lang(en) .estimate-table td { padding-left: calc(12 * var(--u)); padding-right: calc(12 * var(--u)); font-size: max(12px, calc(19 * var(--u))); }
    html:lang(en) .estimate-table .col-product { width: calc(196 * var(--u)); }
    html:lang(en) .estimate-table .col-price { width: calc(190 * var(--u)); }
    html:lang(en) .lineup-note { font-size: max(12px, calc(21 * var(--u))); line-height: calc(30 * var(--u)); }
    html:lang(en) .lineup-body { height: calc(1180.7 * var(--u)); }
}