/* Original mobile layout: 10 rem viewport, capped at 640 px.
   Preserve content-box sizing and inline image baselines for source parity. */
html { height: 100%; min-height: 100%; font-size: min(10vw, 64px); }
body { height: 100%; min-height: 100%; margin: 0; padding: 0; font: 16px/1.5 Arial, sans-serif; box-sizing: border-box; }
img { max-width: 100%; height: auto; border: 0; }
a { text-decoration: none; color: inherit; }
.industry * { margin: 0; padding: 0; }
.industry img { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; }
.background { display: block; width: 100%; }
.code { position: absolute; top: 43vh; width: 5.413333rem; height: 5.413333rem; left: 50%; padding-top: .72rem; transform: translateX(-50%); text-align: center; background: url("assets/code-bgc.png") no-repeat; background-size: contain; }
.code img { width: 74%; }
.long-press { cursor: pointer; -webkit-touch-callout: none; user-select: none; touch-action: pan-y; }
.image-buttons { position: absolute; width: 86%; top: 16.986667rem; left: 50%; transform: translateX(-50%); text-align: center; }
.image-buttons img { height: 3.013333rem; width: auto; cursor: pointer; }
.oil-assistant { display: inline; border: 0; background: none; font: inherit; vertical-align: baseline; cursor: pointer; }
.overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 100; }
.popup { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 101; }
[hidden] { display: none !important; }
.popup-line { display: block; text-align: center; font-size: x-large; line-height: 1.5; padding: 1vh 0; }
.small { font-size: 14px; }
.separator { border-bottom: .1vh solid #cdcdcd; width: 100vw; }
.separator.thick { border-bottom-width: 1vh; }
.account img { width: 30px; height: 30px; border-radius: 25px; vertical-align: middle; border: 1px solid rgba(205,205,205,.5); }
.account-name { font-size: 16px; }
.cancel { height: 2vh; width: 100%; box-sizing: content-box; border: 0; color: #000; background: #fff; font-family: inherit; cursor: pointer; }
.bottom-space { margin-bottom: 1vh; }
:focus-visible { outline: 2px solid #0078c0; outline-offset: 3px; }