.routes-area,.section-area{min-width:0}.left-content{min-width:0;display:flex;flex-direction:column;gap:30px}.section-area p{color:#111;font-size:1.1rem}.section-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--amber-dim);border:1px solid rgb(245 158 11 / .2);padding:5px 13px;border-radius:40px;margin-bottom:10px}h2{font-family:"Bebas Neue",sans-serif;font-size:clamp(1.5rem, 3vw, 1.7rem);letter-spacing:.5px;color:#111;line-height:1.3}.section-sub{font-size:.88rem;color:var(--text-2);margin-bottom:24px}iframe{border:1px solid #ccc;width:100%;height:500px}section{display:block;margin:15px 0}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.filter-tab{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);font-family:"Plus Jakarta Sans",sans-serif;font-size:.78rem;font-weight:600;padding:7px 16px;border-radius:40px;cursor:pointer;transition:all 0.15s}.filter-tab.active,.filter-tab:hover{background:var(--amber-dim);border-color:rgb(245 158 11 / .3);color:var(--amber)}.sort-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;font-size:.78rem}.sort-label{color:var(--text-3)}.sort-options{display:flex;gap:4px}.sort-btn{background:0 0;border:none;cursor:pointer;font-family:"Plus Jakarta Sans",sans-serif;font-size:.75rem;font-weight:600;color:var(--text-3);padding:4px 10px;border-radius:6px;transition:all 0.15s}.sort-btn.active{background:var(--surface-3);color:var(--amber)}.sort-btn:hover{color:var(--text)}.route-search{max-width:1400px;margin:0 auto;width:100%;background:#000;padding:10px 16px;display:flex;gap:6px;border:none;align-items:end}.route-field{flex:1;display:flex;flex-direction:column;width:100%;padding:0}.route-field label{display:none;font-size:12px;color:#fff;margin-bottom:2px}.input-wrap{display:flex;align-items:center;gap:8px;height:45px;position:relative;padding:0 8px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.input-wrap svg{width:24px;height:18px;fill:#999;flex-shrink:0}.route-field input{border:none;outline:0;font-size:16px;padding:0;color:#222;width:100%;height:40px}.autocomplete-item{display:flex;align-items:start;padding:10px 14px;cursor:pointer;font-size:15px;border-bottom:1px solid #eee}.autocomplete-item .icon{margin-right:12px;font-size:20px;color:#888;display:flex;align-items:center;justify-content:center}.autocomplete-item .icon svg{width:24px;height:24px}.autocomplete-item .content{display:flex;flex-direction:column}.autocomplete-item .title{font-weight:700;color:#000;line-height:1.2}.autocomplete-item .category{font-size:13px;color:#777;margin-top:2px}.autocomplete-item:hover{background:#f2f4f7}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:5px;box-shadow:0 8px 24px rgb(0 0 0 / .12);max-height:260px;overflow-y:auto;z-index:9999;cursor:pointer;-webkit-tap-highlight-color:rgb(0 0 0 / .08);touch-action:manipulation;display:none;transform:translateY(1px)}.clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color 0.2s}.clear-btn:hover{color:#333}.swap-btn{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:1}.swap-btn svg{width:18px;height:18px;fill:#333}.search-btn{width:54px;height:54px;border-radius:50%;background:#a52708;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s}.search-btn svg{width:18px;height:18px;fill:#fff}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:5px;box-shadow:0 8px 24px rgb(0 0 0 / .12);max-height:280px;overflow-y:auto;z-index:9999;cursor:pointer;-webkit-tap-highlight-color:rgb(0 0 0 / .08);touch-action:manipulation;display:none;transform:translateY(1px)}.msafe-btn{--primary-color:#0d9488;--accent-color:#14b8a6;--bg-glow:rgba(20, 184, 166, 0.25);--text-light:#ffffff;width:100%;display:inline-flex;align-items:center;gap:14px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-light);text-decoration:none;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 14px 0 var(--bg-glow);transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box}.msafe-btn .btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(255 255 255 / .18);border-radius:10px;backdrop-filter:blur(4px);transition:transform 0.3s ease}.msafe-btn .btn-icon svg{width:22px;height:22px}.msafe-btn .btn-text{display:flex;flex-direction:column;text-align:left}.msafe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px 0 var(--bg-glow);filter:brightness(1.05)}.msafe-btn:active{transform:translateY(0);box-shadow:0 2px 8px 0 var(--bg-glow)}.direction-links-container a{display:inline-block;background-color:#f0f4f8;color:#111;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:10px;border:1px solid #d1e2f2;margin:5px 3px;box-sizing:border-box;transition:all 0.2s ease-in-out;width:fit-content;line-height:2.1}.direction-links-container a:hover{background-color:#1a4a75;color:#fff;border-color:#1a4a75;box-shadow:0 3px 8px rgb(26 74 117 / .2);transform:translateY(-1px)}.routes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.route-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s}.route-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-clr,var(--amber)),transparent);transform:scaleX(0);transition:transform 0.3s}.route-card:hover{border-color:rgb(245 158 11 / .3);transform:translateY(-4px);box-shadow:0 12px 40px rgb(0 0 0 / .45)}.route-card:hover::before{transform:scaleX(1)}.route-card.featured{border-color:rgb(245 158 11 / .25);background:linear-gradient(135deg,rgb(245 158 11 / .06) 0,var(--surface) 60%)}.route-card.featured::before{transform:scaleX(1);background:linear-gradient(90deg,transparent,var(--amber),transparent)}.rc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rc-icon{font-size:1.5rem}.rc-distance-badge{font-family:"Bebas Neue",sans-serif;font-size:1.8rem;letter-spacing:.5px;color:var(--white);line-height:1}.rc-distance-badge .unit{font-family:"Plus Jakarta Sans",sans-serif;font-size:.85rem;font-weight:400;color:var(--amber);margin-left:4px}.rc-city-name{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:4px}.rc-region{font-size:.7rem;color:var(--text-3);margin-bottom:12px}.rc-details{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rc-detail{background:var(--surface-2);border-radius:6px;padding:7px 10px}.rc-detail-label{font-size:.6rem;color:#eee;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.rc-detail-value{font-size:.92rem;font-weight:700;color:var(--text)}.rc-detail-value.amber{color:var(--amber)}.rc-detail-value.green{color:var(--green)}.rc-arrow{position:absolute;top:12px;right:16px;color:#fff;font-size:.9rem;transition:color 0.2s,transform 0.2s}.route-card:hover .rc-arrow{color:var(--amber);transform:translate(2px,-2px)}.rc-pop-badge{position:absolute;bottom:14px;right:14px;font-size:.58rem;font-weight:700;background:var(--amber-dim);color:var(--amber);border:1px solid rgb(245 158 11 / .2);padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.sb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sb-header{padding:13px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--surface-2)}.table-section{margin-top:48px}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 32px rgb(0 0 0 / .3)}table{width:100%;border-collapse:collapse;font-size:.855rem}thead{background:var(--surface-3)}thead th{padding:13px 16px;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);white-space:nowrap;border-bottom:1px solid var(--border)}thead th:first-child{color:var(--text-2)}tbody tr{border-bottom:1px solid var(--border);transition:background 0.12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-2)}tbody tr.highlight-row{background:rgb(245 158 11 / .04)}tbody tr.highlight-row:hover{background:rgb(245 158 11 / .07)}tbody td{padding:14px 16px;color:var(--text-2);vertical-align:middle}tbody td strong{color:var(--text)}.td-city{display:flex;align-items:center;gap:8px}.td-city-icon{font-size:1.1rem;flex-shrink:0}.td-km{font-family:"Bebas Neue",sans-serif;font-size:1.2rem;letter-spacing:.5px;color:var(--white)}.td-cost{font-weight:700;color:var(--amber);font-size:.88rem}.td-dur{color:var(--text-3);font-size:.82rem}.td-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.badge-pop{background:var(--amber-dim);color:var(--amber);border:1px solid rgb(245 158 11 / .2)}.badge-long{background:var(--red-dim);color:var(--red);border:1px solid rgb(239 68 68 / .2)}.badge-close{background:var(--green-dim);color:var(--green);border:1px solid rgb(16 185 129 / .2)}.td-link{color:var(--blue);text-decoration:none;font-size:.78rem;white-space:nowrap;transition:color 0.15s}.td-link:hover{color:var(--amber)}.content-section{margin-top:48px}.art-tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}h3{font-family:"Bebas Neue",sans-serif;font-size:1.5rem;line-height:1.1;letter-spacing:.5px;color:#111;margin-bottom:10px}p.art-p{font-size:.9rem;color:var(--text-2);line-height:1.8;margin-bottom:12px}.info-box{border-radius:var(--radius-sm);padding:15px 18px;margin:14px 0;display:flex;gap:12px}.ib-icon{font-size:1.2rem;flex-shrink:0}.ib-title{font-size:.83rem;font-weight:700;margin-bottom:3px}.ib-text{font-size:.82rem;line-height:1.6;margin:0}.info-box.tip{background:rgb(59 130 246 / .1);border:1px solid rgb(59 130 246 / .2)}.info-box.tip .ib-title{color:var(--blue)}.info-box.tip .ib-text{color:#93c5fd}.info-box.warning{background:rgb(245 158 11 / .1);border:1px solid rgb(245 158 11 / .2)}.info-box.warning .ib-title{color:var(--amber)}.info-box.warning .ib-text{color:#fcd34d}.faq-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color 0.2s}.faq-item.open{border-color:rgb(245 158 11 / .3)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;cursor:pointer;user-select:none}.faq-q-text{font-size:.875rem;font-weight:600;color:var(--text)}.faq-item.open .faq-q-text{color:var(--amber)}.faq-icon{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#111;transition:all 0.2s;flex-shrink:0}.faq-item.open .faq-icon{background:#fff;color:#111;border-color:#fff;transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 18px}.faq-item.open .faq-a{max-height:300px;padding:0 18px 16px}.faq-a p{font-size:.85rem;color:#fff;line-height:1.75;margin:0}.sb-icon{font-size:1rem}.sb-title{font-size:.82rem;font-weight:700;color:var(--text)}.sb-body{padding:16px 18px}.qc-row{margin-bottom:12px}.qc-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ccc;margin-bottom:7px;display:block}.qc-input,.qc-select{width:100%;padding:10px 13px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:"Plus Jakarta Sans",sans-serif;font-size:.875rem;font-weight:600;color:#111;outline:0;transition:border-color 0.2s}.qc-input:focus,.qc-select:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-dim)}.qc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;background-color:#fff;cursor:pointer}.qc-result{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center;margin:12px 0}.qcr-label{font-size:.75rem;color:#ccc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.qcr-val{font-family:"Bebas Neue",sans-serif;font-size:2rem;letter-spacing:1px;color:var(--amber);line-height:1}.qcr-sub{font-size:.7rem;color:#ccc;margin-top:3px}.qc-btn{width:100%;padding:11px;background:var(--amber);color:#000;font-family:"Plus Jakarta Sans",sans-serif;font-size:.85rem;font-weight:800;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.qc-btn:hover{background:var(--amber-light);transform:translateY(-1px);box-shadow:0 4px 16px rgb(245 158 11 / .4)}.weather-card{text-align:center}.wc-city{font-size:.72rem;color:#eee;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}.wc-temp{font-family:"Bebas Neue",sans-serif;font-size:3.5rem;letter-spacing:1px;color:var(--white);line-height:1}.wc-desc{font-size:.82rem;color:#eee;margin:4px 0 14px}.wc-row{display:flex;justify-content:space-between;font-size:.75rem;color:#eee;padding:8px 0;border-top:1px solid var(--border)}.wc-row span:last-child{font-weight:600;color:var(--text-2)}.info-rows{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.82rem}.info-row:last-child{border-bottom:none}.ir-label{color:#eee}.ir-value{font-weight:600;color:var(--text);text-align:right}.ir-value.amber{color:var(--amber)}.ir-value.green{color:var(--green)}.nearby-list{display:flex;flex-direction:column;gap:6px}.nearby-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm)}.ni-link{text-decoration:none;color:#eee}.ni-link::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.nearby-item:hover{border-color:rgb(245 158 11 / .3)}.ni-name{font-size:.82rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:7px}.ni-km{font-family:"Bebas Neue",sans-serif;font-size:1rem;letter-spacing:.5px;color:#fff}.related-section{background:var(--surface);border-top:1px solid var(--border);padding:64px 0}.related-inner{max-width:1280px;margin:0 auto;padding:0 24px}.cities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:32px}.city-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 12px;text-align:center;text-decoration:none;transition:border-color 0.2s,transform 0.2s}.city-btn:hover{border-color:rgb(245 158 11 / .3);transform:translateY(-3px)}.city-btn-emoji{font-size:1.5rem;margin-bottom:5px;display:block}.city-btn-name{font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:1px}.city-btn-km{font-size:.68rem;color:var(--text-3)}.mob-display{display:none}.link{color:#0b3a77;display:inline-block;font-weight:600;text-decoration:underline dotted}.site-footer{background-color:#1a1a1a;color:#e0e0e0;padding:25px;font-family:system-ui,-apple-system,sans-serif;border-top:4px solid #0056b3}.footer-container{max-width:1400px;margin:0 auto;text-align:left;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.brand-info{flex:1 1 300px!important;max-width:360px}.footer-logo{font-size:24px;font-weight:700;color:#fff;display:block;margin-bottom:15px;text-decoration:none}.footer-logo span{color:#007bff}.footer-desc{font-size:14px;line-height:1.6;color:#a0a0a0;margin:0 0 15px 0}.footer-column{flex:1 1 160px}.footer-column-title{color:#fff;font-size:16px;margin-top:0;margin-bottom:18px;font-weight:600;position:relative;padding-bottom:8px;display:inline-block}.footer-column-title::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#007bff}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#b3b3b3;text-decoration:none;font-size:14px;transition:color 0.2s ease,padding-left 0.2s ease;display:inline-block}.footer-column ul li a:hover{color:#fff;padding-left:4px}.mobile-app-column{flex:1 1 220px;max-width:260px}.mobile-app-column .app-text{font-size:13px;color:#a0a0a0;line-height:1.5;margin-top:0;margin-bottom:15px}.android-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#0056b3;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;border:1px solid #0056b3;transition:background-color 0.2s ease,transform 0.2s ease;box-sizing:border-box;width:100%;max-width:220px}.android-btn:hover{background-color:#004494;transform:translateY(-2px)}.android-btn span{font-size:13px;font-weight:600;line-height:1.3}.android-btn svg{margin-right:8px;width:20px;height:20px;flex-shrink:0}.footer-socials{display:flex;gap:12px;margin-top:15px}.footer-socials a{color:#fff;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.footer-socials svg{width:22px;height:22px;fill:currentColor}.footer-socials a:hover{transform:translateY(-3px)}.footer-bottom{margin-top:40px;border-top:1px solid #2d2d2d;padding-top:20px}.footer-bottom-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#888}.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:1100px){.swap-btn{position:absolute!important;right:51%!important;top:20%!important;}.swap-btn svg{transform:rotate(90deg);transition:transform 0.3s ease;}}@media (max-width:768px){.swap-btn svg{transform:rotate(0deg);transition:transform 0.3s ease;}.footer-container{flex-wrap:wrap;gap:25px 15px}.footer-column{flex:0 0 calc(50% - 8px);width:calc(50% - 8px);box-sizing:border-box}.footer-column-title::after{width:100%;max-width:100px}.android-btn{width:100%;justify-content:center;box-sizing:border-box}}