:root{color-scheme:light;--paper:#f6f5f1;--ink:#20211f;--muted:#74766d;--accent:#c85228;--line:#deded6;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
code,.wordmark,.header-note,.eyebrow,.here,.footer-code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.page{max-width:1248px;min-height:100svh;padding:0 64px;margin:auto;display:flex;flex-direction:column}
.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.wordmark{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:-.4px}
.mark{width:33px;height:33px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:7px;font-size:19px}
.header-note{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
main{width:100%;max-width:768px;margin:75px auto 70px;flex:1}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.3px;color:var(--accent);margin:0 0 25px}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--accent)}
h1{font-size:clamp(34px,4.5vw,58px);font-weight:650;line-height:1.38;letter-spacing:-2px;margin:0 0 22px}
.highlight{position:relative;white-space:nowrap}
.highlight:after{content:"";position:absolute;left:0;right:0;bottom:-2px;border-bottom:3px solid var(--accent);transform:rotate(-2deg)}
.description{font-size:16px;line-height:1.95;color:#666960;margin:0 0 34px}
.description code{color:var(--ink);font-size:16px;font-weight:600}
.directions{border:1px solid #d7d9cf;border-radius:13px;overflow:hidden;background:#fffefa}
.address-row{display:flex;align-items:center;gap:20px;padding:24px 28px;position:relative}
.current{border-bottom:1px solid #d7d9cf;background:#eeeee8}
.destination{background:#fffefa}
.row-icon{height:40px;width:40px;border:1px solid #d0d2c6;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#6b7062}
.row-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.destination .row-icon{color:var(--accent);border-color:#e4c4b8}
.address-content{min-width:0}
.row-label{font-size:11px;color:#62665c;display:flex;align-items:center;gap:9px;margin-bottom:7px}
.badge{border:1px solid #c8cbbf;border-radius:4px;padding:1px 5px;font-size:10px;line-height:1.4;color:#666c5e}
.badge.local{border-color:#e4c4b8;color:#a74625;background:#fbf0e9}
.address-content>code{display:block;font-size:clamp(19px,2.7vw,27px);font-weight:500;letter-spacing:-.7px}
.muted{color:#838777}.colon{color:var(--accent);font-weight:700}
.address-content p{font-size:12px;color:#74766d;margin:7px 0 0;line-height:1.7}
.here{margin-left:auto;font-size:9px;letter-spacing:1px;color:#797d71;white-space:nowrap}
.route-arrow{margin-left:auto;font-size:30px;color:var(--accent);padding:0 8px}
.actions{display:flex;align-items:center;gap:23px;margin-top:27px;position:relative;flex-wrap:wrap}
.primary-button{background:var(--ink);color:#fffefa;min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:27px;border:1px solid var(--ink);border-radius:7px;font-size:14px;font-weight:550;transition:background .15s,transform .15s}
.primary-button .button-arrow{font-size:22px;font-weight:400}
.primary-button:hover{background:#3d4136;transform:translateY(-1px)}
.copy-button{padding:12px 0;color:#555b4d;background:none;border:0;display:inline-flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}
.copy-button[hidden]{display:none}
.copy-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3}
.copy-button:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.copy-status{font-size:12px;color:#62665c}
.help{font-size:12px;color:#74766d;line-height:1.9;margin:20px 0 0}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;color:#85877c;font-size:11px;padding:26px 0 30px}
.footer-code{font-size:12px;letter-spacing:.2px}
@media(max-width:640px){.page{padding:0 24px}.header{height:82px}.header-note{display:none}.wordmark{font-size:13px}main{margin:48px auto 48px}h1{font-size:38px;letter-spacing:-1.6px}.eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:22px}.description{font-size:14px;margin-bottom:28px}.description code{font-size:14px}.address-row{gap:14px;padding:22px 18px}.row-icon{height:32px;width:32px}.row-icon svg{width:18px;height:18px}.here{display:none}.route-arrow{font-size:25px;padding:0}.address-content>code{font-size:22px}.address-content p{font-size:11px}.actions{gap:16px}.primary-button{padding:0 17px;font-size:13px;gap:22px}.copy-button{font-size:12px}.copy-status{width:100%}.copy-status:empty{display:none}.help{font-size:11px}.footer-code{font-size:10px}footer{font-size:10px;padding:24px 0}}
@media(max-width:370px){.page{padding:0 18px}h1{font-size:33px}.address-row{padding:20px 13px;gap:10px}.address-content>code{font-size:20px}.route-arrow{display:none}.actions{gap:11px}.primary-button{padding:0 12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.primary-button{transition:none}.primary-button:hover{transform:none}}
.header-tools{display:flex;align-items:center;gap:28px}
.language-switch{display:flex;align-items:center;gap:7px;font-size:11px;color:#a0a295}
.language-switch[hidden]{display:none}
.language-switch button{background:none;border:0;padding:8px 3px;color:#74766d;cursor:pointer;font-size:11px;min-height:36px}
.language-switch button[aria-pressed="true"]{color:var(--ink);font-weight:700}
.language-switch button:hover{color:var(--accent)}
.eyebrow>span[data-i18n]{width:auto;height:auto;border-radius:0;background:none}
html[lang="en"] h1{font-size:clamp(30px,4.5vw,56px);letter-spacing:-1.8px;line-height:1.3}
html[lang="en"] .badge{flex-shrink:0}
html[lang="en"] .row-label{flex-wrap:wrap}
@media(max-width:640px){.header{gap:8px}.header-tools{gap:0}.language-switch{gap:3px}html[lang="en"] h1{font-size:33px;letter-spacing:-1.1px}html[lang="en"] .address-row{gap:11px}html[lang="en"] .route-arrow{display:none}html[lang="en"] .actions{gap:14px}html[lang="en"] .primary-button{padding:0 13px;gap:12px}html[lang="en"] footer{align-items:flex-start;line-height:1.7}html[lang="en"] .footer-code{white-space:nowrap}}
@media(max-width:370px){.wordmark{gap:7px;font-size:12px}.mark{width:29px;height:29px}.language-switch button{font-size:10px}html[lang="en"] h1{font-size:29px}html[lang="en"] .actions{gap:11px}html[lang="en"] .primary-button{font-size:12px;padding:0 11px;gap:10px}html[lang="en"] .copy-button{font-size:11px}html[lang="en"] .row-label{gap:6px;font-size:10px}}