.dd-hero{min-height:min(46vh,420px)}
.dd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin:0 0 8px;padding:0;list-style:none}
.dd-kpis li{border-left:3px solid var(--accent);padding:2px 0 2px 16px;display:flex;flex-direction:column;gap:6px}
.dd-kpis b{font-size:clamp(36px,4.4vw,58px);font-weight:200;font-stretch:112%;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums;color:var(--fg)}
.dd-kpis span{font-size:14.5px;line-height:1.4;color:var(--fg-muted)}
.dd-tablewrap{overflow-x:auto;border:1px solid var(--rule);background:var(--card-bg);margin:6px 0 10px;-webkit-overflow-scrolling:touch}
.dd-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;color:var(--fg)}
.dd-table caption{text-align:left;font-weight:800;padding:14px 16px 10px;font-size:15px;color:var(--fg)}
.dd-table th,.dd-table td{padding:10px 16px;border-top:1px solid var(--rule);text-align:left;vertical-align:top}
.dd-table thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--fg-muted);white-space:nowrap}
.dd-table tbody th{font-weight:700}
.dd-table th.n,.dd-table td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dd-table a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dd-sort thead th{cursor:pointer}
.dd-sort thead th[aria-sort="ascending"]:after{content:" \2191"}
.dd-sort thead th[aria-sort="descending"]:after{content:" \2193"}
.dd-map{height:min(68vh,520px);min-height:320px;border:1px solid var(--rule);background:var(--surface);margin:6px 0 14px;position:relative;z-index:0}
.dd-legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--fg-muted);margin:0 0 10px;padding:0;list-style:none}
.dd-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-1px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.dd-src{font-size:14px;line-height:1.5;color:var(--fg-muted);margin:10px 0 0;max-width:80ch}
.dd-src a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dd-h2{margin:34px 0 14px}
.dd-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 22px;margin:8px 0 0;padding:0;list-style:none}
.dd-links a{display:block;padding:9px 0;border-top:1px solid var(--rule);color:inherit;text-decoration:none;font-weight:700}
.dd-links a:hover,.dd-links a:focus-visible{text-decoration:underline}
.dd-pop b{display:block}
.dd-tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:30px;align-items:start}
.dd-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid var(--rule);padding:20px;background:var(--card-bg)}
.dd-form .w{grid-column:1/-1}
.dd-form label,.dd-fl{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:var(--fg)}
.dd-form input,.dd-form select{width:100%;min-height:46px;padding:0 12px;font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink)}
.dd-form small{display:block;margin-top:5px;font-size:13px;color:var(--fg-muted);line-height:1.35}
.dd-form button{min-height:46px}
.dd-out{border:1px solid var(--rule);padding:20px;background:var(--card-bg)}
.dd-out dl{display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin:0}
.dd-out dt{color:var(--fg-muted);font-size:15px}
.dd-out dd{margin:0;text-align:right;font-weight:800;font-variant-numeric:tabular-nums;font-size:17px}
.dd-out .big{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:12px;margin-top:4px}
.dd-out .big dd{font-size:clamp(28px,3.4vw,40px);font-weight:300}
.dd-note{font-size:14px;line-height:1.5;color:var(--fg-muted);margin:14px 0 0}
.dd-filters{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px;align-items:end}
.dd-filters label{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:5px}
.dd-filters select,.dd-filters input[type=text],.dd-filters input[type=search]{min-height:44px;padding:0 12px;font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);max-width:100%}
.dd-filters .chk{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}
.dd-filters button{min-height:44px;padding:0 18px;font:inherit;font-weight:800;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:var(--radius)}
.dd-meteo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:8px 0 6px}
.dd-meteo div{border:1px solid var(--rule);padding:12px 14px;background:var(--card-bg);font-size:15px;line-height:1.45}
.dd-meteo b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.dd-count{font-weight:800;margin:6px 0 10px}
@media (max-width:900px){.dd-tool{grid-template-columns:1fr}.dd-form{grid-template-columns:1fr}}
.dd-table button,.dd-btn-lite,.dd-pop button{font:inherit;font-size:14px;font-weight:700;padding:6px 12px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:var(--radius)}
.dd-filters button{background:var(--ink);color:var(--paper)}
.dd-pop{font-size:14px;line-height:1.4}
@media (max-width:600px){.dd-table th,.dd-table td{padding:8px 9px;font-size:14px;overflow-wrap:anywhere}.dd-table thead th{white-space:normal;font-size:11.5px;letter-spacing:.03em}.dd-table caption{padding:12px 10px 8px}}
@media (max-width:700px){.dd-tablewrap{background:linear-gradient(90deg,var(--card-bg) 30%,transparent) left center/36px 100% no-repeat local,linear-gradient(270deg,var(--card-bg) 30%,transparent) right center/36px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.32),transparent) left center/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.32),transparent) right center/14px 100% no-repeat scroll;background-color:var(--card-bg)}}
@media (max-width:600px){.dd-tablewrap .dd-table th:first-child,.dd-tablewrap .dd-table td:first-child{overflow-wrap:normal;word-break:normal;min-width:7.5em}}
@media (max-width:600px){.dd-table.dd-sort th,.dd-table.dd-sort td{overflow-wrap:normal}.dd-table.dd-sort th:last-child,.dd-table.dd-sort td:last-child{min-width:13em}}
@media (max-width:600px){#liste{min-width:680px}#liste th,#liste td{overflow-wrap:normal}}
