@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700;800&family=DM+Mono&display=swap');
:root{--road:#0f4c5c;--asphalt:#1f2933;--lane:#f6c453;--go:#4f772d;--cream:#fff8e8;--paper:#ffffff;--muted:#60707a;--line:#e4dfd1}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--asphalt);font-family:"Be Vietnam Pro",system-ui,sans-serif;line-height:1.65}
a{color:var(--road);text-decoration:none}a:hover{text-decoration:underline}.nav{position:sticky;top:0;z-index:5;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(255,248,232,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{font-weight:800;color:var(--road)}.nav nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.lang{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 10px}.wrap{width:min(1120px,92vw);margin:auto;padding:32px 0 56px}.hero{padding:42px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--go);font-weight:700}.hero h1,h1{font-size:clamp(34px,6vw,68px);line-height:1.05;margin:8px 0 16px}.lede{font-size:clamp(18px,2.3vw,24px);color:#31424c}.card,.calc{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px;margin:22px 0;box-shadow:0 14px 32px rgba(31,41,51,.06)}.info{width:100%;border-collapse:collapse;background:#fff}.info td,.info th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.num{font-family:"DM Mono",monospace;text-align:right}.tong td{font-weight:800;background:#fff4cf}.src,.hint,.disc,figcaption{color:var(--muted);font-size:14px}.disc{border-top:1px solid var(--line);padding-top:18px}.calc-grid,.result-grid,.pickers,.fuel-grid,.hot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.calc label,.pickers label{display:grid;gap:6px;font-weight:700}.calc input,.calc select,.pickers select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;font:inherit}.result-grid p{background:#f7faf7;border-left:5px solid var(--go);border-radius:14px;padding:13px;margin:0}.result-grid span{display:block;color:var(--muted);font-size:13px}.result-grid strong{font-family:"DM Mono",monospace;font-size:20px}.route-visual{margin:20px 0}.route-visual svg{width:100%;height:auto;display:block;border-radius:28px}.faq{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:800;cursor:pointer}.links{columns:2;gap:28px}.hot-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.pill{display:inline-block;background:#eaf5ee;color:#245b33;border-radius:999px;padding:5px 10px;font-size:13px}.notice{background:#fff3cd;border-left:6px solid var(--lane);padding:16px;border-radius:16px}.footer-note{margin-top:44px;color:var(--muted)}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column}.links{columns:1}.num{text-align:left}.info td{display:block}.info tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.info td{border:0;padding:4px 0}}