/* Emergency Locator (tools-src/emergency-locator). Everything scoped under .tl-em */
.tl-em{--em-dark:#1c1b1b;--em-red:#ed2629;--em-blue:#3899ec;--em-grey:#9aa0a6;--em-light:#f5f5f7;--em-mute:#6e6e73;max-width:760px;margin:0 auto}
.tl-em [hidden]{display:none!important}
.tl-em svg{flex:none}
.tl-em .tl-btn{box-sizing:border-box;max-width:100%}

/* call bar */
.tl-em .tl-em-call{display:flex;align-items:center;gap:20px;margin:0 0 18px}
.tl-em .tl-em-999{height:64px;padding:0 34px;font-size:24px;gap:12px;text-decoration:none;flex:none}
.tl-em a.tl-em-999,.tl-em a.tl-em-999:visited{color:#fff}
.tl-em .tl-em-999 svg{width:26px;height:26px}
.tl-em .tl-em-call p{margin:0;font-size:17px;line-height:1.45;color:var(--em-dark)}
.tl-em .tl-em-call p b{font-family:'lp-outfit-700-2',Arial,sans-serif;font-weight:400}

/* main card */
.tl-em .tl-em-card{padding:28px;text-align:center}
.tl-em .tl-em-go{width:100%;height:76px;font-size:25px;gap:12px;border-radius:999px}
.tl-em .tl-em-go svg{width:28px;height:28px}
.tl-em .tl-em-hint{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--em-mute)}

.tl-em .tl-em-status{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:6px 16px;border-radius:999px;background:var(--em-light);font:15px/1.3 'lp-figtree-600',Arial,sans-serif;color:var(--em-dark);margin:0 0 18px;text-align:left}
.tl-em .tl-em-status i{width:10px;height:10px;border-radius:50%;background:var(--em-grey);flex:none}
.tl-em .tl-em-status.is-wait i{background:var(--em-blue);animation:tl-em-pulse 1.2s ease-in-out infinite}
.tl-em .tl-em-status.is-good i{background:var(--em-blue)}
.tl-em .tl-em-status.is-poor i{background:var(--em-red)}
.tl-em .tl-em-status.is-poor{background:rgba(237,38,41,.08)}
@keyframes tl-em-pulse{0%,100%{opacity:1}50%{opacity:.25}}

.tl-em .tl-em-k{margin:0 0 4px;font:14px/1.2 'lp-figtree-600',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--em-mute)}
.tl-em .tl-em-gr{margin:0;font:64px/1.05 'lp-outfit-700-2',Arial,sans-serif;color:var(--em-dark);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.tl-em .tl-em-gr b{color:var(--em-red);font-weight:inherit}
.tl-em .tl-em-gr6{margin:8px 0 0;font:22px/1.3 'lp-outfit-700-2',Arial,sans-serif;color:var(--em-dark);font-variant-numeric:tabular-nums}
.tl-em .tl-em-gr6 span{font:15px/1 'lp-figtree-600',Arial,sans-serif;color:var(--em-mute);margin-right:6px}
.tl-em .tl-em-out{margin:10px 0 0;font-size:16px;color:var(--em-dark)}

.tl-em .tl-em-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0;text-align:left}
.tl-em .tl-em-tile{background:var(--em-light);border-radius:14px;padding:14px 16px}
.tl-em .tl-em-tile span{display:block;font:13px/1.2 'lp-figtree-600',Arial,sans-serif;color:var(--em-mute);margin:0 0 5px}
.tl-em .tl-em-tile b{display:block;font:32px/1.1 'lp-outfit-700-2',Arial,sans-serif;font-weight:400;color:var(--em-dark);font-variant-numeric:tabular-nums}
.tl-em .tl-em-tile em{display:block;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--em-mute);margin:5px 0 0}
.tl-em .tl-em-tile.is-poor{background:rgba(237,38,41,.08)}
.tl-em .tl-em-tile.is-poor b{color:var(--em-red)}
.tl-em .tl-em-wide b{font-size:24px}

.tl-em .tl-em-hill{display:flex;align-items:center;gap:14px;margin:12px 0 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(0,0,0,.08);text-align:left}
.tl-em .tl-em-hill svg{width:28px;height:28px;color:var(--em-red)}
.tl-em .tl-em-hill span{display:block;font:13px/1.2 'lp-figtree-600',Arial,sans-serif;color:var(--em-mute);margin:0 0 4px}
.tl-em .tl-em-hill b{display:block;font:20px/1.3 'lp-outfit-700-2',Arial,sans-serif;font-weight:400;color:var(--em-dark)}
.tl-em .tl-em-hill a,.tl-em .tl-em-hill a:visited{color:var(--em-dark);text-decoration:underline;text-decoration-color:rgba(28,27,27,.3);text-underline-offset:3px}

.tl-em .tl-em-acts{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin:20px 0 0}
.tl-em .tl-em-acts .tl-btn{width:100%;height:58px;font-size:19px}
.tl-em .tl-em-acts svg{width:22px;height:22px}
.tl-em .tl-em-acts .tl-btn.is-done{background:var(--em-blue);color:#fff;border-color:var(--em-blue)}
.tl-em .tl-em-msg{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:var(--em-light);font-size:14px!important;line-height:1.5!important;color:var(--em-mute)!important;text-align:left;word-break:break-word}

.tl-em .tl-em-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;margin:16px 0 0;font-size:14px;color:var(--em-mute)}
.tl-em .tl-em-stop{height:38px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#fff;font:14px/1 'lp-outfit-700-2',Arial,sans-serif;color:var(--em-dark);cursor:pointer}

.tl-em .tl-em-err{margin:4px 0 0;padding:16px 18px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:var(--tl-sh);text-align:left;font-size:16px;line-height:1.55;color:var(--em-dark)}
.tl-em .tl-em-err p{margin:0 0 12px;font-size:16px;color:var(--em-dark)}
.tl-em .tl-em-err .tl-btn{height:48px}

/* battery tip */
.tl-em .tl-em-tip{display:flex;gap:14px;align-items:flex-start}
.tl-em .tl-em-tip svg{width:26px;height:26px;color:var(--em-dark);margin-top:2px}
.tl-em .tl-em-tip p{margin:0;font-size:15px}

/* steps */
.tl-em .tl-em-from{margin:-6px 0 18px;color:var(--em-mute);text-align:center}
.tl-em .tl-em-steps{list-style:none;counter-reset:em;margin:0 0 16px;padding:0}
.tl-em .tl-em-steps li{counter-increment:em;position:relative;padding:4px 0 4px 50px;margin:0 0 14px;font-size:16.5px;line-height:1.55;color:#3a3a3a}
.tl-em .tl-em-steps li::before{content:counter(em);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--em-dark);color:#fff;font:16px/34px 'lp-outfit-700-2',Arial,sans-serif;text-align:center}
.tl-em .tl-em-steps li b{color:var(--em-dark)}
.tl-em .tl-em-small li{font-size:15.5px;margin-bottom:10px}
.tl-em .tl-em-small li::before{background:var(--em-red)}

.tl-em .tl-em-sms p{font-size:15.5px}
.tl-em .tl-em-sms>p:first-child{margin-top:0}
.tl-em .tl-em-smsbtn{height:54px;font-size:18px;text-decoration:none;margin:6px 0 10px}
.tl-em a.tl-em-smsbtn,.tl-em a.tl-em-smsbtn:visited{color:#fff}
.tl-em .tl-em-smsbtn svg{width:22px;height:22px}
.tl-em .tl-em-about p{font-size:15px}
.tl-em .tl-em-about p:first-child{margin-top:0}
.tl-em .tl-em-about p:last-child{margin-bottom:0}

@media (max-width:750px){
 .tl-em .tl-em-call{gap:12px;margin-bottom:14px}
 .tl-em .tl-em-999{height:54px;padding:0 20px;font-size:19px;gap:8px}
 .tl-em .tl-em-999 svg{width:20px;height:20px}
 .tl-em .tl-em-call p{font-size:13px}
 .tl-em .tl-em-card{padding:16px 14px}
 .tl-em .tl-em-go{height:62px;font-size:20px}
 .tl-em .tl-em-go svg{width:22px;height:22px}
 .tl-em .tl-em-hint{font-size:12.5px;margin-top:10px}
 .tl-em .tl-em-status{font-size:12.5px;padding:5px 12px;min-height:30px;margin-bottom:12px}
 .tl-em .tl-em-k{font-size:11px}
 .tl-em .tl-em-gr{font-size:35px}
 .tl-em .tl-em-gr6{font-size:17px;margin-top:6px}
 .tl-em .tl-em-gr6 span{font-size:12px}
 .tl-em .tl-em-out{font-size:13px}
 .tl-em .tl-em-grid{gap:8px;margin-top:16px}
 .tl-em .tl-em-tile{padding:10px 12px;border-radius:12px}
 .tl-em .tl-em-tile span{font-size:11px;margin-bottom:3px}
 .tl-em .tl-em-tile b{font-size:24px}
 .tl-em .tl-em-wide{grid-column:1/-1}
 .tl-em .tl-em-wide b{font-size:19px}
 .tl-em .tl-em-tile em{font-size:10.5px}
 .tl-em .tl-em-hill{gap:10px;padding:10px 12px;margin-top:8px;border-radius:12px}
 .tl-em .tl-em-hill svg{width:22px;height:22px}
 .tl-em .tl-em-hill span{font-size:11px}
 .tl-em .tl-em-hill b{font-size:15px}
 .tl-em .tl-em-acts{gap:8px;margin-top:14px}
 .tl-em .tl-em-acts{grid-template-columns:1fr 1.7fr}
 .tl-em .tl-em-acts .tl-btn{height:48px;font-size:14px;padding:0 8px;gap:6px}
 .tl-em .tl-em-acts svg{width:18px;height:18px}
 .tl-em .tl-em-msg{font-size:11.5px!important;padding:10px 12px}
 .tl-em .tl-em-foot{font-size:11.5px;gap:4px 10px;margin-top:12px}
 .tl-em .tl-em-stop{height:36px;font-size:12.5px;padding:0 14px}
 .tl-em .tl-em-err,.tl-em .tl-em-err p{font-size:13.5px}
 .tl-em .tl-em-err .tl-btn{height:42px}
 .tl-em .tl-em-tip{gap:10px}
 .tl-em .tl-em-tip svg{width:20px;height:20px}
 .tl-em .tl-em-tip p{font-size:12.5px}
 .tl-em .tl-em-from{font-size:12.5px;margin-bottom:10px}
 .tl-em .tl-em-steps li{font-size:13.5px;padding:2px 0 2px 38px;margin-bottom:10px}
 .tl-em .tl-em-steps li::before{width:26px;height:26px;font-size:13px;line-height:26px}
 .tl-em .tl-em-small li{font-size:13px}
 .tl-em .tl-em-sms p,.tl-em .tl-em-about p{font-size:13px}
 .tl-em .tl-em-smsbtn{height:46px;font-size:14.5px;width:100%;padding:0 12px}
 .tl-em .tl-em-smsbtn svg{width:18px;height:18px}
}