/* ===== COMMUTE COST CALCULATOR - USCalculators.com ===== */
:root{--ccc-navy:#002868;--ccc-auto:#E4400A;--ccc-h:#c73509;--ccc-green:#00875A;--ccc-char:#1D1D1F;--ccc-gray:#5F6368;--ccc-bd:#E0E4E8;--ccc-bg:#F7F9FC;--ccc-w:#ffffff;}
.ccc-page h1{color:var(--ccc-auto);}
.ccc-page h2{color:var(--ccc-navy);}
.ccc-page h3{color:var(--ccc-navy);}
.ccc-page{max-width:1100px;margin:0 auto;font-family:'Inter',sans-serif;color:var(--ccc-gray);line-height:1.7;}
.ccc-page h1{font-family:'Montserrat',sans-serif;font-size:clamp(24px,3.5vw,36px);font-weight:800;line-height:1.2;margin:0 0 14px;}
.ccc-page h2{font-family:'Montserrat',sans-serif;font-size:clamp(19px,2.5vw,25px);font-weight:800;margin:48px 0 16px;line-height:1.25;}
.ccc-page h3{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;margin:24px 0 10px;}
.ccc-page p{margin-bottom:16px;font-size:15.5px;}
.ccc-page a{color:var(--ccc-auto);text-decoration:underline;}
.ccc-page ul,.ccc-page ol{padding-left:22px;margin-bottom:16px;}
.ccc-page li{margin-bottom:8px;font-size:15.5px;line-height:1.7;}
.ccc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:12px;}
.ccc-inputs{background:var(--ccc-w);border:1.5px solid var(--ccc-bd);border-radius:14px;padding:26px;}
.ccc-results-col{background:var(--ccc-bg);border:1.5px solid var(--ccc-bd);border-radius:14px;padding:22px;min-height:280px;}
.ccc-panel-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--ccc-auto);margin-bottom:18px;border-bottom:2px solid var(--ccc-bd);padding-bottom:12px;}
.ccc-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.ccc-tab{padding:9px 10px;border:2px solid var(--ccc-bd);border-radius:8px;background:white;font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:700;color:var(--ccc-gray);cursor:pointer;transition:all 0.2s;flex:1;text-align:center;line-height:1.3;}
.ccc-tab.active{border-color:var(--ccc-auto);background:rgba(228,64,10,0.06);color:var(--ccc-auto);}
.ccc-mode{display:none;}
.ccc-mode.active{display:block;}
.ccc-section{border:1px solid var(--ccc-bd);border-radius:10px;overflow:hidden;margin-bottom:13px;}
.ccc-shdr{background:var(--ccc-bg);padding:9px 14px;font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:700;color:var(--ccc-navy);text-transform:uppercase;letter-spacing:0.8px;}
.ccc-sbody{padding:14px;}
.ccc-f{margin-bottom:11px;}
.ccc-f:last-child{margin-bottom:0;}
.ccc-f label{display:block;font-size:12.5px;font-weight:600;color:var(--ccc-char);margin-bottom:5px;}
.ccc-hint{font-size:11px;color:#9ca3af;margin-top:4px;line-height:1.4;}
.ccc-iw{display:flex;align-items:center;border:1.5px solid var(--ccc-bd);border-radius:7px;overflow:hidden;background:white;transition:border 0.2s;}
.ccc-iw:focus-within{border-color:var(--ccc-auto);box-shadow:0 0 0 3px rgba(228,64,10,0.1);}
.ccc-sfx{padding:9px 11px;font-size:13px;font-weight:600;color:var(--ccc-gray);background:var(--ccc-bg);border-left:1px solid var(--ccc-bd);flex-shrink:0;}
.ccc-pfx{padding:9px 11px;font-size:13px;font-weight:600;color:var(--ccc-gray);background:var(--ccc-bg);border-right:1px solid var(--ccc-bd);flex-shrink:0;}
.ccc-iw input{flex:1;border:none;outline:none;padding:9px 12px;font-family:'Inter',sans-serif;font-size:14px;color:var(--ccc-char);background:transparent;width:100%;min-width:0;}
.ccc-f select{width:100%;padding:9px 12px;border:1.5px solid var(--ccc-bd);border-radius:7px;font-family:'Inter',sans-serif;font-size:13.5px;color:var(--ccc-char);background:white;cursor:pointer;}
.ccc-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ccc-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap;}
.ccc-btn-calc{flex:1;padding:13px 18px;background:var(--ccc-auto);color:white;border:none;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.ccc-btn-calc:hover{background:var(--ccc-h);transform:translateY(-1px);}
.ccc-btn-pdf{padding:11px 15px;border:2px solid var(--ccc-navy);background:white;color:var(--ccc-navy);border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:all 0.2s;display:none;align-items:center;gap:6px;}
.ccc-btn-pdf:hover{background:var(--ccc-navy);color:white;}
.ccc-btn-wa{padding:11px 15px;border:2px solid #25D366;background:white;color:#128C7E;border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:all 0.2s;display:none;align-items:center;gap:6px;}
.ccc-btn-wa:hover{background:#25D366;color:white;}
.ccc-placeholder{text-align:center;padding:28px 16px;}
.ccc-ph-icon{font-size:44px;margin-bottom:12px;}
.ccc-ph-text{font-size:14px;color:var(--ccc-gray);line-height:1.6;}
.ccc-chart-wrap{margin-top:16px;background:white;border:1px solid var(--ccc-bd);border-radius:12px;padding:14px;}
.ccc-chart-canvas-wrap{height:210px;}
.ccc-ex-box{background:white;border:1.5px solid var(--ccc-bd);border-left:4px solid var(--ccc-auto);border-radius:10px;padding:22px 24px;margin:24px 0;}
.ccc-ex-box h3{color:var(--ccc-auto);margin-top:0;font-size:15.5px;}
.ccc-ex-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px;}
.ccc-ex-table th{background:var(--ccc-bg);padding:8px 12px;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:700;color:var(--ccc-navy);text-align:left;text-transform:uppercase;}
.ccc-ex-table td{padding:8px 12px;border-bottom:1px solid var(--ccc-bd);color:var(--ccc-char);font-size:13.5px;}
.ccc-ex-table tr:last-child td{border-bottom:none;}
.ccc-ex-table .ccc-res td{background:#fff8f0;font-weight:700;color:var(--ccc-auto);}
.ccc-safe{color:#00875A;font-weight:700;}
.ccc-warn{color:#c2410c;font-weight:700;}
.ccc-tip-box{background:rgba(0,40,104,0.03);border:1.5px solid rgba(0,40,104,0.1);border-radius:10px;padding:20px 22px;margin:20px 0;}
.ccc-tip-box h3{color:var(--ccc-navy);margin-top:0;}
.ccc-faq-list{margin-top:20px;}
.ccc-faq-item{border:1px solid var(--ccc-bd);border-radius:10px;margin-bottom:9px;overflow:hidden;}
.ccc-faq-q{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;cursor:pointer;background:white;border:none;width:100%;text-align:left;transition:background 0.2s;}
.ccc-faq-q:hover{background:var(--ccc-bg);}
.ccc-faq-q-text{font-family:'Montserrat',sans-serif;font-size:13.5px;font-weight:700;color:var(--ccc-navy);flex:1;padding-right:12px;line-height:1.4;}
.ccc-faq-icon{font-size:20px;font-weight:300;color:var(--ccc-auto);flex-shrink:0;width:22px;text-align:center;}
.ccc-faq-ans{display:none;padding:12px 17px 14px;font-size:14.5px;color:var(--ccc-gray);line-height:1.72;border-top:1px solid var(--ccc-bd);background:#fafbfc;}
.ccc-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;}
.ccc-rel-card{background:white;border:1.5px solid var(--ccc-bd);border-radius:12px;padding:18px 14px;text-align:center;transition:all 0.2s;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:9px;}
.ccc-rel-card:hover{border-color:var(--ccc-auto);transform:translateY(-3px);box-shadow:0 4px 16px rgba(228,64,10,0.12);}
.ccc-rel-icon{font-size:26px;background:var(--ccc-bg);width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.ccc-rel-name{font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:700;color:var(--ccc-navy);line-height:1.3;}
.ccc-rel-cta{font-size:11.5px;font-weight:600;color:var(--ccc-auto);}
.ccc-disc-box{background:var(--ccc-bg);border:1px solid var(--ccc-bd);border-radius:10px;padding:22px 24px;margin-top:32px;}
.ccc-disc-box h2{font-size:17px;margin-top:0;margin-bottom:12px;}
.ccc-disc-box p{font-size:13.5px;line-height:1.7;margin-bottom:10px;}
@media(max-width:768px){.ccc-grid{grid-template-columns:1fr;}.ccc-2col{grid-template-columns:1fr;}.ccc-tabs{flex-wrap:wrap;}.ccc-related-grid{grid-template-columns:repeat(2,1fr);}.ccc-actions{flex-direction:column;}.ccc-btn-calc{flex:none;width:100%;}.ccc-inputs,.ccc-results-col{padding:18px;}.ccc-page h2{margin-top:36px;}}
@media(max-width:480px){.ccc-related-grid{grid-template-columns:1fr;}}