.fw-widget{max-width:380px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;font-family:inherit;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.fw-widget *{box-sizing:border-box}
.fw-header{padding:18px 18px 12px;background:linear-gradient(135deg,rgba(224,90,16,.12),transparent)}
.fw-loc{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c2410c;font-weight:700}
.fw-demo{background:rgba(245,158,11,.15);color:#b45309;border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:1px 6px;font-size:9px;font-style:normal;margin-left:6px}
.fw-header h3{margin:4px 0 0;font-size:18px;font-weight:700;color:#0f172a}
.fw-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px;margin-top:14px}
.fw-fuel-btn{padding:9px;border:0;border-radius:10px;background:#f1f5f9;color:#64748b;font-weight:600;cursor:pointer;font-size:14px;transition:background .15s,color .15s}
.fw-fuel-btn.fw-petrol.is-active{background:#0d9488;color:#fff}
.fw-fuel-btn.fw-diesel.is-active{background:#d97706;color:#fff}
.fw-city{padding:14px 18px 0}
.fw-city label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.fw-city select{width:100%;margin-top:4px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff}
.fw-price{padding:18px}
.fw-price-main{display:flex;flex-direction:column}
.fw-trend{font-size:12px;font-weight:700;margin-top:2px}
.fw-trend.fw-up{color:#dc2626}
.fw-trend.fw-down{color:#16a34a}
.fw-share{display:inline-flex;align-items:center;gap:8px;margin-top:10px;width:100%;justify-content:center;background:#25D366;color:#fff;font-weight:700;font-size:13px;padding:10px 14px;border-radius:10px;text-decoration:none;transition:background-color .15s ease}
.fw-share:hover{background:#1ebe5b}
.fw-share-ic{font-size:15px;line-height:1}
.fw-spark-wrap{padding:0 18px}
.fw-chart{margin:10px 0 2px;border:1px solid #eef2f6;border-radius:10px;padding:8px 12px;background:#fbfdff}
.fw-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.fw-chart-head span:first-child{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-weight:600}
.fw-chart-chg{font-size:12px;font-weight:700}
.fw-chart-plot{position:relative}
.fw-chart-svg{width:100%;height:96px;display:block;overflow:visible}
.fw-dot{cursor:pointer}
.fw-chart-tip{display:none;position:absolute;top:-6px;transform:translateY(-100%);background:#0f172a;color:#fff;font-size:11px;line-height:1.3;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:5}
.fw-chart-tip strong{display:block;font-size:13px}
.fw-chart-tip span{opacity:.75}
.fw-chart-foot{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8;margin-top:2px;font-weight:600}
.fw-range{display:inline-flex;gap:3px}
.fw-range-btn{font-size:10px;font-family:monospace;padding:2px 6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:5px;cursor:pointer;line-height:1.2}
.fw-range-btn.is-active{background:#2563eb;color:#fff;border-color:#2563eb}
.fw-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;width:100%;background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-weight:600;font-size:12px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background-color .15s ease}
.fw-copy:hover{background:#f1f5f9}
.fw-chart-ann{font-size:10px;font-family:monospace;font-weight:700;margin-top:2px}
.fw-compare{padding:10px 18px 4px}
.fw-compare label{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-weight:600;margin-bottom:4px}
.fw-compare select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;box-sizing:border-box}
.fw-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.fw-cmp-grid>div{background:#f1f5f9;border-radius:8px;padding:8px 10px}
.fw-cmp-grid span{display:block;font-size:11px;color:#64748b}
.fw-cmp-grid strong{font-size:15px;color:#0f172a}
.fw-cmp-diff{margin-top:6px;font-size:12px;color:#475569;font-weight:600}
.fw-city-search{width:100%;margin:0 0 6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;box-sizing:border-box}
.fw-city-name{font-size:12px;color:#64748b}
.fw-amount{font-size:38px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fw-amount small{font-size:15px;font-weight:600;color:#64748b;margin-left:4px}
.fw-state-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;background:#f8fafc;border-radius:10px;padding:8px 12px;font-size:13px;color:#64748b}
.fw-state-row strong{color:#0f172a;font-variant-numeric:tabular-nums}
.fw-table{width:100%;border-collapse:collapse;padding:0 18px;font-size:13px}
.fw-table thead th{text-align:right;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding:0 18px 6px;font-weight:600}
.fw-table thead th:first-child{text-align:left}
.fw-table tbody td{padding:6px 18px;border-top:1px solid #f1f5f9;text-align:right;font-variant-numeric:tabular-nums}
.fw-table tbody td:first-child{text-align:left}
.fw-footer{padding:12px 18px;border-top:1px solid #f1f5f9;background:#fafafa}
.fw-stale{color:#b45309;font-size:12px;margin:0 0 6px;display:flex;gap:6px}
.fw-updated{color:#94a3b8;font-size:11px;margin:0}
.fw-note{color:#b45309;font-size:13px}
.fw-pending{color:#0284c7;font-size:12px;margin:0 0 6px}
.fw-outdated{color:#b45309;font-size:12px;margin:0 0 6px}
.fw-widget.fw-loading{opacity:.6}
.fw-state-paragraph{max-width:760px;margin:0 0 20px;font-size:15px;line-height:1.7;color:#334155}
.fw-state-paragraph strong{color:#0f172a}
.fw-faq{max-width:760px;margin:22px 0}
.fw-faq-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 12px}
.fw-faq-item{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;background:#fff;overflow:hidden}
.fw-faq-item summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:600;color:#0f172a;font-size:14px;position:relative}
.fw-faq-item summary::-webkit-details-marker{display:none}
.fw-faq-item summary::after{content:"+";position:absolute;right:16px;top:11px;font-size:18px;color:#f97316;font-weight:700}
.fw-faq-item[open] summary::after{content:"\2212"}
.fw-faq-item p{margin:0;padding:0 16px 14px;font-size:14px;line-height:1.6;color:#475569}
.fw-movers{margin:12px 18px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.fw-movers-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f97316;margin-bottom:8px}
.fw-movers-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.fw-mover{flex:0 0 auto;border:1px solid #e2e8f0;border-radius:8px;padding:6px 9px;min-width:74px}
.fw-mover-up{border-color:rgba(220,38,38,.28);background:rgba(220,38,38,.05)}
.fw-mover-down{border-color:rgba(22,163,74,.28);background:rgba(22,163,74,.05)}
.fw-mover-state{display:block;font-size:11px;font-weight:700;color:#0f172a;white-space:nowrap}
.fw-mover-fuel{display:block;font-size:10px;color:#64748b}
.fw-mover-delta{display:block;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.fw-movers-foot{font-size:10px;color:#94a3b8;margin-top:6px}