/* it-t10-translator.css: translator page, the owner's pack mockup scaled
   (tools/trades10/pack-professional/visual-references/translator.png, 832 wide).
   --u = one mockup pixel; every position, size and hairline below is the mockup's own, measured.
   Built by tools/trades10/translator.py. */
main.t-translator{container-type:inline-size;--u:calc(min(100cqw,1440px) / 832);
  --tr-ink:#0D1A20;--tr-mut:#5D686E;--tr-or:#F26207;--tr-line:#E6E9EA;--tr-rule:#EDEFEF;
  --tr-band:#0F2027;--tr-mist:#F3F6F7;--tr-font:Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#FBFBFA;font-family:var(--tr-font);color:var(--tr-ink)}
.t-translator .tr-board{position:relative}
.t-translator .tr-art{position:relative;width:calc(832 * var(--u));height:calc(var(--h) * var(--u));margin:0 auto}
.t-translator .tr-a{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.t-translator h1,.t-translator h2,.t-translator h3{font-family:var(--tr-font);color:var(--tr-ink)}
.tr-mid{text-align:center}
.tr-right{text-align:right}
.tr-h2{font-weight:700;font-size:calc(19.09 * var(--u));line-height:calc(24 * var(--u));letter-spacing:-.022em}
.tr-p{font-size:calc(9.36 * var(--u));line-height:calc(12.6 * var(--u));color:var(--tr-mut)}
.tr-h3{font-weight:700;font-size:calc(10.3 * var(--u));line-height:calc(14 * var(--u));letter-spacing:-.01em}
.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));height:calc(27 * var(--u));
  background:var(--tr-or);color:#fff!important;border-radius:calc(5 * var(--u));
  font:700 calc(9.98 * var(--u))/1 var(--tr-font);text-decoration:none!important;
  box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) calc(-6 * var(--u)) rgba(242,98,7,.42);transition:background .16s ease-out,transform .16s ease-out}
.tr-btn:hover{background:#D95100;transform:translateY(-1px)}
.tr-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.t-translator svg.i{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------- hero */
.tr-hero{overflow:hidden;background:#FAFAFA}
.tr-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.t-translator .tr-hero h1{display:block}
.tr-k{display:block;font:700 calc(7.18 * var(--u))/calc(11 * var(--u)) var(--tr-font);letter-spacing:.07em;text-transform:uppercase;color:var(--tr-or)}
.tr-big{display:block;margin-top:calc(6 * var(--u));font-weight:700;font-size:calc(26.6 * var(--u));line-height:calc(29 * var(--u));letter-spacing:-.022em}
.tr-lede{font-size:calc(10.76 * var(--u));line-height:calc(14 * var(--u));color:#3E484E}

/* the invoice card the design lays over the photo */
.t-translator .tr-card{position:absolute;left:calc(536 * var(--u));top:calc(33 * var(--u));width:calc(264 * var(--u));height:calc(254 * var(--u));
  background:#fff;border-radius:calc(9 * var(--u));overflow:hidden;
  box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) calc(-16 * var(--u)) rgba(11,20,25,.2),0 0 calc(2 * var(--u)) rgba(11,20,25,.05)}
.tr-sheet{position:absolute;inset:0;display:block}
.tr-sheet>*{position:absolute}
.tr-ct{left:calc(15.6 * var(--u));top:calc(21.5 * var(--u));font:700 calc(10.1 * var(--u))/1 var(--tr-font);letter-spacing:-.02em;white-space:nowrap}
.tr-cmeta{right:calc(13.2 * var(--u));top:calc(15.6 * var(--u));display:grid;grid-template-columns:auto auto;gap:0 calc(8 * var(--u));
  font-size:calc(6.7 * var(--u));line-height:calc(10.4 * var(--u));color:#5A656B;white-space:nowrap}
.tr-cmeta span:nth-child(2n){text-align:right;color:var(--tr-ink)}
.tr-cbill,.tr-cfrom{top:calc(45.9 * var(--u));display:grid;font-size:calc(6.6 * var(--u));line-height:calc(9.6 * var(--u));color:#4C575D;white-space:nowrap}
.tr-cbill{left:calc(15.6 * var(--u))}
.tr-cfrom{left:calc(166.6 * var(--u))}
.tr-cbill b,.tr-cfrom b{font-weight:700;color:var(--tr-ink)}
.tr-chead,.tr-hr{display:grid;grid-template-columns:calc(88 * var(--u)) calc(62 * var(--u)) calc(42 * var(--u)) 1fr;align-items:center}
.tr-chead span:nth-child(3),.tr-chead span:nth-child(4),.tr-hr span:nth-child(3),.tr-hr span:nth-child(4){text-align:right}
.tr-chead{left:calc(15.6 * var(--u));right:calc(13.2 * var(--u));top:calc(104.8 * var(--u));height:calc(13 * var(--u));
  border-bottom:1px solid var(--tr-line);font:400 calc(6.8 * var(--u))/1 var(--tr-font);color:var(--tr-ink)}
.tr-crows{left:calc(15.6 * var(--u));right:calc(13.2 * var(--u));top:calc(118 * var(--u));display:block}
.tr-hr{height:calc(16.7 * var(--u));border-bottom:1px solid #F2F4F4;font-size:calc(6.5 * var(--u));color:#43505A}
.tr-csum,.tr-ctot{left:calc(110 * var(--u));right:calc(13.2 * var(--u));display:grid;grid-template-columns:1fr auto;gap:calc(20 * var(--u));text-align:right}
.tr-csum{top:calc(197.4 * var(--u));font-size:calc(6.9 * var(--u));color:#43505A}
.tr-ctot{top:calc(214 * var(--u));font:700 calc(7.6 * var(--u))/1.4 var(--tr-font);border-top:1px solid var(--tr-line);padding-top:calc(5 * var(--u))}
.t-translator .tr-card .t10-edit{bottom:8%}

/* ------------------------------------------------- source to delivery */
.t-translator .tr-paper1{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));
  height:calc(147 * var(--u));background:#FDFDFC;border-radius:calc(8 * var(--u));margin:0;
  box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) calc(-10 * var(--u)) rgba(11,20,25,.12),0 0 0 1px rgba(11,20,25,.035)}
.tr-paper1 figcaption{position:absolute;left:calc(18.4 * var(--u));top:calc(15 * var(--u));font:700 calc(9.36 * var(--u))/calc(12 * var(--u)) var(--tr-font);letter-spacing:-.01em}
.tr-lines{position:absolute;left:calc(18.4 * var(--u));right:calc(16 * var(--u));top:calc(38 * var(--u));display:grid;gap:calc(5.4 * var(--u))}
.tr-lines s{display:block;height:calc(3.4 * var(--u));width:calc(var(--w) * 1%);background:#E7EAEB;text-decoration:none}
.tr-lines s.tr-or{background:var(--tr-or);height:calc(2.4 * var(--u))}
.tr-conn{position:absolute;left:0;top:0;width:calc(832 * var(--u));height:calc(168 * var(--u));overflow:visible}
.tr-conn-l{font:700 calc(9.29 * var(--u))/calc(12 * var(--u)) var(--tr-font);color:var(--tr-or);text-align:center}
.tr-plabels li{display:contents}
.tr-pt{font-weight:700;font-size:calc(10.88 * var(--u));line-height:calc(14 * var(--u));letter-spacing:-.01em}
.tr-pd{font-size:calc(8.11 * var(--u));line-height:calc(12.2 * var(--u));color:var(--tr-mut)}

/* ------------------------------------------------- translation service record */
.t-translator .tr-record{position:absolute;left:calc(126 * var(--u));top:calc(64.5 * var(--u));width:calc(580 * var(--u));height:calc(367.5 * var(--u));
  background:#fff;border-radius:calc(10 * var(--u));overflow:hidden;
  box-shadow:0 calc(18 * var(--u)) calc(44 * var(--u)) calc(-18 * var(--u)) rgba(11,20,25,.16),0 0 0 1px rgba(11,20,25,.03)}
.tr-sheet2{position:absolute;inset:0;display:block}
.tr-sheet2>*{position:absolute}
.tr-blogo{left:calc(23.2 * var(--u));top:calc(12.4 * var(--u));font:700 calc(10.62 * var(--u))/1 var(--tr-font);letter-spacing:-.03em}
.tr-blogo b{color:var(--tr-ink);font-weight:700}
.tr-btitle{left:calc(23.2 * var(--u));top:calc(37.5 * var(--u));font:700 calc(12.22 * var(--u))/1 var(--tr-font);letter-spacing:-.022em}
.tr-bmeta{right:calc(22.7 * var(--u));top:calc(25 * var(--u));display:grid;grid-template-columns:auto auto;gap:0 calc(10 * var(--u));
  font-size:calc(8 * var(--u));line-height:calc(13.8 * var(--u));color:#5A656B;white-space:nowrap}
.tr-bmeta span:nth-child(2n){text-align:right;color:var(--tr-ink)}
.tr-bbill,.tr-bfrom{top:calc(63 * var(--u));display:grid;font-size:calc(7.8 * var(--u));line-height:calc(11.2 * var(--u));color:#4C575D;white-space:nowrap}
.tr-bbill{left:calc(23.2 * var(--u))}
.tr-bfrom{left:calc(386.5 * var(--u))}
.tr-bbill b,.tr-bfrom b{font-weight:700;font-size:calc(8.1 * var(--u));color:var(--tr-ink)}
.tr-bhead,.tr-br2{display:grid;grid-template-columns:calc(123 * var(--u)) calc(183 * var(--u)) calc(52 * var(--u)) calc(90 * var(--u)) 1fr;align-items:center}
.tr-bhead span:nth-child(3),.tr-bhead span:nth-child(4),.tr-bhead span:nth-child(5),
.tr-br2 span:nth-child(3),.tr-br2 span:nth-child(4),.tr-br2 span:nth-child(5){text-align:right}
.tr-bhead{left:calc(23.2 * var(--u));right:calc(22.7 * var(--u));top:calc(129.2 * var(--u));height:calc(19.5 * var(--u));
  border-top:1px solid var(--tr-line);font:700 calc(8.1 * var(--u))/1 var(--tr-font)}
.tr-brows{left:calc(23.2 * var(--u));right:calc(22.7 * var(--u));top:calc(148.7 * var(--u));display:block}
.tr-br2{height:calc(19.15 * var(--u));border-bottom:1px solid #F1F3F3;font-size:calc(7.6 * var(--u));color:#4C575D}
.tr-br2 b{font-weight:700;font-size:calc(8.1 * var(--u));color:var(--tr-ink)}
.tr-bsum,.tr-btot{left:calc(380 * var(--u));right:calc(22.7 * var(--u));display:grid;grid-template-columns:1fr auto;gap:calc(24 * var(--u));text-align:right}
.tr-bsum{top:calc(311 * var(--u));font-size:calc(8.6 * var(--u));color:#4C575D}
.tr-btot{top:calc(328 * var(--u));font:700 calc(9.6 * var(--u))/1.5 var(--tr-font);border-top:1px solid var(--tr-line);padding-top:calc(5 * var(--u))}
.tr-bnote{left:calc(23.2 * var(--u));top:calc(326 * var(--u));display:grid;gap:calc(4 * var(--u));font-size:calc(7.8 * var(--u));line-height:calc(11 * var(--u));color:#4C575D}
.tr-bnote b{font-weight:700;font-size:calc(8.1 * var(--u));color:var(--tr-ink)}
.t-translator .tr-record .t10-edit{bottom:10%}

/* ------------------------------------------------------------ price band */
.tr-price{background:var(--tr-mist)}
.tr-cards li{display:contents}
.t-translator .tr-card3{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));
  height:calc(59.5 * var(--u));background:#fff;border-radius:calc(10 * var(--u));text-decoration:none!important;color:inherit;
  box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) calc(-8 * var(--u)) rgba(11,20,25,.1),0 0 0 1px rgba(11,20,25,.03)}
.tr-ring{position:absolute;left:calc(16.8 * var(--u));top:calc(13 * var(--u));width:calc(33 * var(--u));height:calc(33 * var(--u));
  border:calc(1.8 * var(--u)) solid var(--tr-or);border-radius:50%;display:grid;place-items:center;color:var(--tr-or)}
.tr-ri{width:calc(17 * var(--u));height:calc(17 * var(--u))}
.tr-card3 b{position:absolute;left:calc(66.5 * var(--u));top:calc(15.6 * var(--u));font:700 calc(8.6 * var(--u))/calc(12 * var(--u)) var(--tr-font);letter-spacing:-.01em}
.tr-cd{position:absolute;left:calc(66.5 * var(--u));top:calc(31.4 * var(--u));font-size:calc(7.67 * var(--u));line-height:calc(12 * var(--u));color:var(--tr-mut)}
.tr-ar{position:absolute;right:calc(18 * var(--u));top:calc(24 * var(--u));width:calc(13 * var(--u));height:calc(13 * var(--u));color:var(--tr-ink)}
.tr-ar svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr-card3:hover b{color:#C04E06}

/* ------------------------------------------------------------- templates */
.t-translator .tr-tpl{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));
  height:calc(var(--h2) * var(--u));background:#fff;border-radius:calc(6 * var(--u));overflow:hidden;
  box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) calc(-12 * var(--u)) rgba(11,20,25,.14),0 0 0 1px rgba(11,20,25,.035)}
.t-translator .tr-mid-b{background:#F4F5F5;padding:calc(11 * var(--u)) calc(12 * var(--u))}
.tr-mid-b .tr-mini{background:#fff;box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) calc(-6 * var(--u)) rgba(11,20,25,.12)}
.tr-mini{position:absolute;inset:0;padding:calc(13 * var(--u)) calc(14 * var(--u));display:block}
.tr-mid-b .tr-mini{position:relative;inset:auto;height:100%}
.tr-mh{display:flex;align-items:baseline;justify-content:space-between}
.tr-mh b{font:700 calc(8.7 * var(--u))/1 var(--tr-font);letter-spacing:-.01em}
.tr-mh u{font:400 calc(5 * var(--u))/1 var(--tr-font);color:#96A0A5;text-decoration:none}
.tr-mb{display:grid;gap:calc(6.4 * var(--u));margin-top:calc(14 * var(--u))}
.tr-mr{display:grid;grid-template-columns:calc(42 * var(--u)) 1fr;gap:calc(10 * var(--u));align-items:center}
.tr-mr i{display:block;height:calc(3.4 * var(--u));background:#E9ECED;border-radius:1px}
.tr-mr s{display:block;height:calc(3.4 * var(--u));background:#EFF1F2;text-decoration:none;border-radius:1px}
.tr-cap{text-align:center}
.tr-cap b{display:block;font:700 calc(8.71 * var(--u))/calc(13 * var(--u)) var(--tr-font);letter-spacing:-.01em}
.tr-cap{font-size:calc(8.82 * var(--u));line-height:calc(13 * var(--u));color:var(--tr-mut)}
.t-translator .tr-tpl .t10-edit{bottom:42%}
.t-translator .tr-mid-b .t10-edit{opacity:1;transform:translate(-50%,0)}
.tr-strip-wrap{padding-block:calc(18 * var(--u)) calc(26 * var(--u));background:#FBFBFA}
.tr-strip-wrap .t10-strip{margin-top:0}

/* ----------------------------------------------------------- payment band */
.tr-pay{background:var(--tr-band)}
.t-translator .tr-qr{width:calc(75 * var(--u));height:calc(75 * var(--u));background:#fff;border-radius:calc(5 * var(--u));padding:calc(5 * var(--u));display:block}
.tr-qrimg{width:100%;height:100%}
.t-translator .tr-payrule{width:1px;height:calc(70 * var(--u));background:rgba(255,255,255,.2)}
.tr-payt{color:#fff!important;font-weight:700;font-size:calc(14.46 * var(--u));line-height:calc(19 * var(--u));letter-spacing:-.01em}
.tr-payt2{color:#fff;font-weight:700;font-size:calc(9.47 * var(--u));line-height:calc(13 * var(--u))}
.tr-paym{color:#fff;font-weight:700;font-size:calc(9.8 * var(--u));line-height:calc(14 * var(--u))}
.tr-payu{font-size:calc(8.45 * var(--u));line-height:calc(12.9 * var(--u));color:#C3CED1}
.t-translator .tr-payu a{color:#C3CED1!important;text-decoration:none!important}
.t-translator .tr-payu a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:#fff!important;text-decoration-thickness:1px!important;text-underline-offset:3px}

/* -------------------------------------------------- keep the record clear */
.t-translator .tr-irule{width:1px;height:calc(38 * var(--u));background:#E7E9EA}
.tr-items li{display:contents}
.t-translator .tr-ii{position:absolute;left:calc(var(--x) * var(--u));top:calc(53.5 * var(--u));width:calc(22 * var(--u));height:calc(27 * var(--u));color:var(--tr-or);stroke-width:1.8}
.tr-it{font-weight:700;font-size:calc(9.22 * var(--u));line-height:calc(13 * var(--u));letter-spacing:-.01em}
.tr-id{font-size:calc(7.4 * var(--u));line-height:calc(12 * var(--u));color:var(--tr-mut)}
.tr-items a.t10-step{display:contents;color:inherit}
.tr-items a.t10-step:hover .tr-it{color:#C04E06}
.tr-links li{display:contents}
.tr-ul{font:400 calc(8.24 * var(--u))/calc(12.6 * var(--u)) var(--tr-font);color:#4E5A60!important;text-decoration:none!important;white-space:nowrap}
.tr-ul:hover{color:#C04E06!important;text-decoration:underline!important;text-underline-offset:3px}
.t-translator .tr-faq{position:absolute;left:calc(376.8 * var(--u));top:calc(128 * var(--u));width:calc(413 * var(--u))}
.t-translator .tr-faq details{border-bottom:1px solid var(--tr-rule)}
.t-translator .tr-faq summary{padding:calc(8 * var(--u)) calc(4 * var(--u)) 0 0;min-height:0;align-items:flex-start;
  font-size:calc(8.11 * var(--u));line-height:calc(12.6 * var(--u));color:#33403F}
.t-translator .tr-faq summary::after{content:"";width:calc(9.5 * var(--u));height:calc(9.5 * var(--u));flex:none;margin-top:calc(2 * var(--u));
  background:no-repeat center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C373D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l7 7 7-7'/%3E%3C/svg%3E");
  transition:transform .18s ease-out}
.t-translator .tr-faq details[open] summary::after{transform:rotate(180deg)}
.t-translator .tr-faq .a{padding:calc(2 * var(--u)) calc(24 * var(--u)) calc(8 * var(--u)) 0}
.t-translator .tr-faq .a p{font-size:calc(7.9 * var(--u));line-height:1.62;color:var(--tr-mut)}

/* --------------------------------------------------------- closing photo */
.tr-end{overflow:hidden;background:#241A12}
.tr-end-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 50%;display:block}
.tr-endh{color:#fff!important;font-weight:700;font-size:calc(18.46 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.022em}
.tr-btn-e{height:calc(31 * var(--u));font-size:calc(10.4 * var(--u))}
.t-translator .t10-long{background:var(--tr-mist)}

@media (prefers-reduced-motion:reduce){.tr-btn,.tr-faq summary::after{transition:none}}

/* ------------------------------ below 900px: the same pieces, stacked in the design's order */
@media (max-width:899px){
  main.t-translator{--u:1.55px}
  .t-translator .tr-art{width:auto;height:auto;padding:0 20px}
  .t-translator .tr-a{position:static;width:auto}
  .tr-br{display:none}
  .tr-hero{background:#EDEDEC}
  .tr-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%}
  .tr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(168deg,rgba(250,250,250,.9) 0%,rgba(250,250,250,.76) 46%,rgba(250,250,250,.46) 100%)}
  .tr-hero .tr-art{position:relative;z-index:1;padding:26px 20px 30px}
  .tr-k{white-space:normal;font-size:11px;line-height:1.4}
  .tr-big{font-size:30px;line-height:1.1;margin-top:10px}
  .tr-lede{margin-top:13px!important;font-size:16px;line-height:1.5}
  .tr-btn{display:inline-flex;margin-top:20px;height:46px;padding:0 22px;font-size:15px;gap:8px}
  .tr-btn svg{width:15px;height:15px}
  .t-translator .tr-card{position:relative;left:auto;top:auto;margin:26px auto 0;--u:min(1.6px,calc((100cqw - 40px) / 264));
    width:calc(264 * var(--u));height:calc(254 * var(--u))}
  .tr-path .tr-art{padding:36px 20px 10px}
  .tr-h2{font-size:26px;line-height:1.16}
  .tr-p{margin-top:10px!important;font-size:15.5px;line-height:1.55}
  .tr-conn,.tr-conn-l{display:none}
  .t-translator .tr-paper1{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:20px;padding:16px 16px 20px;border-radius:10px}
  .tr-paper1 figcaption{position:static;font-size:16px;line-height:1.3}
  .tr-lines{position:static;margin-top:14px}
  .tr-lines s{height:6px}
  .tr-lines s.tr-or{height:4px}
  .tr-plabels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px!important}
  .tr-plabels li{display:block}
  .tr-pt{font-size:16px;line-height:1.3}
  .tr-pd{margin-top:3px!important;font-size:14.5px;line-height:1.4}
  .tr-rec .tr-art{padding:40px 20px}
  .t-translator .tr-record{position:relative;left:auto;top:auto;margin:22px auto 0;--u:min(1.1px,calc((100cqw - 40px) / 580));
    width:calc(580 * var(--u));height:calc(367.5 * var(--u))}
  .tr-price .tr-art{padding:36px 20px 40px}
  .tr-cards{display:grid;gap:14px;margin-top:22px!important}
  .tr-cards li{display:block}
  .t-translator .tr-card3{position:relative;display:block;left:auto;top:auto;width:100%!important;height:auto;padding:16px 46px 18px 70px;border-radius:12px}
  .tr-ring{left:16px;top:16px;width:40px;height:40px;border-width:2px}
  .tr-ri{width:20px;height:20px}
  .tr-card3 b{position:static;display:block;font-size:16.5px;line-height:1.25}
  .tr-cd{position:static;display:block;margin-top:3px;font-size:14.5px;line-height:1.4}
  .tr-ar{right:16px;top:50%;margin-top:-9px;width:18px;height:18px}
  .tr-tpls .tr-art{padding:40px 20px 6px}
  .t-translator .tr-tpl{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:20px;padding:16px;border-radius:10px}
  .t-translator .tr-mid-b{padding:16px}
  .tr-mini{position:static;padding:0}
  .tr-mh b{font-size:16px}
  .tr-mh u{font-size:11px}
  .tr-mb{gap:10px;margin-top:16px}
  .tr-mr{grid-template-columns:70px 1fr;gap:14px}
  .tr-mr i,.tr-mr s{height:7px}
  .t-translator .tr-tpl .t10-edit{bottom:auto;top:50%;opacity:1;font-size:14px;padding:11px 16px}
  .tr-cap{margin-top:12px!important;font-size:14.5px}
  .tr-cap b{font-size:16.5px}
  .tr-pay .tr-art{padding:26px 20px}
  .t-translator .tr-qr{width:118px;height:118px;padding:8px;margin:18px 0}
  .t-translator .tr-payrule{display:none}
  .tr-payt{font-size:22px;line-height:1.2}
  .tr-paym{margin-top:6px!important;font-size:15px}
  .tr-payu{margin-top:4px!important;font-size:14.5px}
  .tr-payt2{font-size:17px}
  .tr-clear .tr-art{padding:36px 20px 8px}
  .t-translator .tr-irule{display:none}
  .tr-right{text-align:left}
  .tr-items{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:24px!important}
  .tr-items li{display:block}
  .tr-items a.t10-step{display:block}
  .t-translator .tr-ii{position:static;display:block;width:26px;height:26px}
  .tr-it{display:block;margin-top:8px!important;font-size:15.5px;line-height:1.3}
  .tr-id{display:block;margin-top:2px!important;font-size:14px;line-height:1.4}
  .tr-h3{font-size:20px;line-height:1.25;margin-top:26px!important}
  .tr-links{display:grid;gap:10px;margin-top:12px!important}
  .tr-links li{display:block}
  .tr-ul{white-space:normal;font-size:15px}
  .t-translator .tr-faq{position:static;width:auto;margin-top:14px}
  .t-translator .tr-faq summary{min-height:48px;padding:10px 4px 10px 0;font-size:15.5px;line-height:1.4}
  .t-translator .tr-faq summary::after{width:16px;height:16px;margin-top:2px}
  .t-translator .tr-faq .a{padding:0 8px 14px 0}
  .t-translator .tr-faq .a p{font-size:14.5px}
  .tr-end .tr-art{position:relative;z-index:1;padding:30px 20px 34px;min-height:56vw}
  .tr-end::after{content:"";position:absolute;inset:0;background:linear-gradient(168deg,rgba(20,14,9,.82) 0%,rgba(20,14,9,.66) 50%,rgba(20,14,9,.4) 100%)}
  .tr-end-img{object-position:42% 50%}
  .tr-endh{font-size:28px;line-height:1.14}
  .tr-strip-wrap{padding-block:26px}
}

/* the papers show the real designs they link to, top of the page first */
.tr-mini{overflow:hidden}
.tr-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
@media (max-width:899px){.t-translator .tr-mini{aspect-ratio:520/420}}