:root{--ink:#102a43;--muted:#60778b;--paper:#f4f7f5;--white:#fff;--line:#dfe7e3;--lime:#b9f227;--lime-dark:#7bb60a;--blue:#0d3556;--cyan:#55c8d0;--orange:#ff9f5a;--purple:#8b7fe8;--shadow:0 18px 55px rgba(15,47,69,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:10}.topbar{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:46px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;line-height:1}.brand small{display:block;margin-top:6px;font:500 10px "DM Sans";letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--ink);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px}.brand-mark i{width:4px;background:var(--lime);border-radius:4px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:20px}.topbar nav{display:flex;height:100%;align-items:center;gap:28px}.topbar nav a{height:100%;display:grid;place-items:center;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:var(--ink);border-color:var(--lime-dark)}.freshness{margin-left:auto;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;font-size:11px}.freshness span{width:8px;height:8px;border-radius:50%;background:#56bd6a;box-shadow:0 0 0 4px #e9f8eb;grid-row:1/3}.freshness b{font-size:12px}.freshness small{color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px) 70px}.intro{padding:54px 0 34px;display:grid;grid-template-columns:1.45fr .75fr;align-items:end;gap:60px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--lime-dark);margin:0 0 13px}.intro h1{font:800 clamp(38px,5vw,72px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0;max-width:850px}.intro h1 em{font-style:normal;color:#7890a1}.intro-copy{font-size:16px;line-height:1.65;color:var(--muted);max-width:430px;margin:0}.filterbar{background:var(--blue);padding:18px;border-radius:16px;display:grid;grid-template-columns:1fr 1.4fr 1.25fr 1fr auto;gap:10px;box-shadow:0 12px 30px rgba(13,53,86,.15)}.filterbar label{color:#bdd0df;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700;padding:0 12px}.filterbar select,.filterbar input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #45647d;color:#fff;padding:8px 20px 8px 0;font:600 14px "DM Sans";outline:none}.filterbar select{color-scheme:dark}.filterbar input::placeholder{color:#fff}.filterbar label:focus-within{color:var(--lime)}.filterbar button,.export{border:0;border-radius:10px;background:var(--lime);color:#183713;font:700 13px "DM Sans";padding:0 22px;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:20px}.filterbar button:hover,.export:hover{background:#cbfa51}.notice{margin:18px 0 -5px;padding:12px 16px;border:1px solid #ecd5a9;background:#fff8e8;color:#76541a;border-radius:10px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:28px 0}.metric{background:#fff;padding:24px 26px;min-height:134px}.metric-primary{background:var(--lime)}.metric p{margin:0 0 13px;color:var(--muted);font-size:12px;font-weight:600}.metric-primary p{color:#45630d}.metric strong{display:block;font:800 clamp(25px,3vw,39px)/1 Manrope,sans-serif;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric span{display:block;margin-top:13px;color:var(--muted);font-size:11px}.metric-primary span{color:#45630d}.chart-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.panel>header{padding:24px 25px 18px;display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font:800 20px Manrope,sans-serif;letter-spacing:-.03em;margin:0}.panel header small,.records header p{font-size:11px;color:var(--muted)}.legend{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime-dark);margin-right:5px}.trend-panel{min-width:0}.chart-wrap{height:300px;padding:4px 20px 18px}.mix-panel{display:flex;flex-direction:column}.donut-wrap{position:relative;height:190px;margin:0 auto;width:210px}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font:800 25px Manrope}.donut-center small{color:var(--muted);font-size:10px}.mix-legend{padding:10px 25px 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mix-legend div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.mix-legend i{width:8px;height:8px;border-radius:2px}.mix-legend b{margin-left:auto;color:var(--ink)}.ranking-panel{grid-column:1/-1}.ranking{padding:0 25px 26px;display:grid;grid-template-columns:1fr 1fr;gap:9px 34px}.rank{display:grid;grid-template-columns:25px minmax(75px,120px) 1fr 64px;align-items:center;gap:9px;font-size:12px}.rank>span:first-child{color:#9aabb8}.rank b{overflow:hidden;text-overflow:ellipsis}.bar{height:7px;background:#edf1ef;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan);border-radius:5px}.rank:nth-child(-n+2) .bar i{background:var(--lime-dark)}.rank em{text-align:right;font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}.records{margin-top:18px;overflow:hidden}.records>header{align-items:center}.records header p{margin:7px 0 0}.export{height:42px}.table-scroll{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:880px}th{text-align:left;background:#f8faf9;padding:12px 20px}th button{border:0;background:transparent;color:var(--muted);font:700 10px "DM Sans";text-transform:uppercase;letter-spacing:.08em;cursor:pointer}td{padding:14px 20px;border-top:1px solid #edf1ef;font-size:12px}td:first-child{font-variant-numeric:tabular-nums}.tag{padding:4px 7px;border-radius:5px;background:#e9f6f2;color:#16745f;font-size:10px;font-weight:700}.records footer{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.records footer div{display:flex;align-items:center;gap:15px}.records footer button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;color:var(--ink);cursor:pointer}.records footer button:disabled{opacity:.35}.site-footer{background:var(--ink);color:#fff;padding:32px clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:center;font-size:11px}.site-footer div{display:flex;gap:20px}.site-footer span,.site-footer p{color:#9fb2c1}.site-footer p{margin:0}
@media(max-width:900px){.freshness,.topbar nav{display:none}.topbar{height:70px}.intro{grid-template-columns:1fr;gap:22px;padding-top:38px}.filterbar{grid-template-columns:1fr 1fr}.filterbar button{min-height:48px}.metrics{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.ranking-panel{grid-column:auto}.ranking{grid-template-columns:1fr}.site-footer{align-items:flex-start;gap:20px}.site-footer div{flex-direction:column;gap:5px}}
@media(max-width:560px){.intro h1{font-size:39px}.filterbar{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric{padding:20px 17px;min-height:120px}.chart-wrap{height:245px}.records>header{gap:15px}.records>header,.records footer,.site-footer{flex-direction:column;align-items:flex-start}.export{width:100%;justify-content:center}.mix-legend{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.notice.official{border-color:#b9ded2;background:#ecf8f4;color:#17634f}.notice.error{border-color:#e6b8b8;background:#fff0f0;color:#872c2c}
.filterbar{grid-template-columns:repeat(6,minmax(105px,1fr)) auto}.filterbar select option{background:#fff;color:var(--ink)}.filterbar select:disabled{opacity:.5}.electric-panel{grid-column:1/-1}.compact-ranking{grid-column:auto}.compact-ranking .ranking{grid-template-columns:1fr}.model-name{display:block;color:var(--muted);margin-top:4px}.glossary{margin-top:18px;padding:30px;border:1px solid var(--line);border-radius:16px;background:#eaf0ed}.glossary h2{font:800 22px Manrope,sans-serif;margin:0}.glossary dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 0}.glossary dl div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.glossary dt{font:800 13px Manrope;color:var(--ink)}.glossary dd{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1100px){.filterbar{grid-template-columns:repeat(3,1fr)}.filterbar button{min-height:50px}.glossary dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.compact-ranking{grid-column:1/-1}}
@media(max-width:560px){.filterbar{grid-template-columns:1fr}.glossary{padding:22px}.glossary dl{grid-template-columns:1fr}}
.panel>header p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.segment-control{display:flex;padding:3px;background:#edf2ef;border:1px solid var(--line);border-radius:10px;white-space:nowrap}.segment-control button{border:0;background:transparent;color:var(--muted);font:700 11px "DM Sans";padding:9px 13px;border-radius:7px;cursor:pointer}.segment-control button.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px rgba(12,35,52,.18)}.chart-wrap-tall{height:360px}.bev-ranking{border-top:3px solid var(--cyan)}.bev-ranking .bar i{background:var(--cyan)}.comparator-panel,.map-panel{grid-column:1/-1}.compare-controls{display:flex;align-items:flex-end;gap:10px}.compare-controls label,.map-selector{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.compare-controls select,.map-selector select{display:block;margin-top:5px;min-width:165px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:9px 30px 9px 10px;font:600 12px "DM Sans"}.compare-controls span{padding-bottom:10px;color:var(--muted);font-size:11px}.compare-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-summary article{background:#f8faf9;padding:17px 23px}.compare-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.compare-summary b{font:800 16px Manrope,sans-serif}.compare-summary .positive{color:#358348}.compare-summary .negative{color:#c35757}.map-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,.8fr);gap:24px;padding:0 25px 24px}.spain-map{min-height:430px;background:radial-gradient(circle at 68% 38%,#f9fcfb 0,#eef5f1 55%,#e6efeb 100%);border:1px solid #d8e4de;border-radius:14px;padding:10px;display:grid;place-items:center;overflow:hidden}.spain-map svg{display:block;width:100%;height:auto;max-height:520px}.spain-map path{stroke:rgba(255,255,255,.9);stroke-width:1.35;vector-effect:non-scaling-stroke;cursor:pointer;transition:opacity .15s,stroke-width .15s,filter .15s;filter:drop-shadow(0 1px 1px rgba(16,42,67,.08))}.spain-map path:hover,.spain-map path:focus{opacity:.82;stroke:var(--ink);stroke-width:2.4;filter:drop-shadow(0 3px 4px rgba(16,42,67,.2));outline:none}.canary-inset{fill:rgba(255,255,255,.82);stroke:#cbdad3;stroke-width:1.2;vector-effect:non-scaling-stroke}.canary-label{fill:#718497;font:700 10px "DM Sans",sans-serif;letter-spacing:1.4px}.map-layout aside{padding:14px 0}.map-hint{color:var(--muted);font-size:11px;line-height:1.5}.map-status{display:flex;flex-direction:column;gap:5px;padding:19px;border-radius:11px;background:var(--ink);color:#fff;margin:18px 0}.map-status span{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.map-status b{font:800 18px Manrope,sans-serif}.map-status small{color:#b9c9d3}.map-leaders h3{font:800 13px Manrope;margin:20px 0 12px}.map-leaders div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.map-leaders i{width:9px;height:9px;border-radius:3px}.map-leaders span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-leaders b{color:var(--muted)}.map-source{border-top:1px solid var(--line);padding:12px 25px!important;color:var(--muted);font-size:9px}.map-selector select{min-width:220px}
@media(max-width:900px){.segment-control{margin-top:12px}.electric-panel>header,.comparator-panel>header,.map-panel>header{flex-direction:column;gap:12px}.compare-controls{width:100%;flex-wrap:wrap}.compare-summary{grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1fr}.spain-map{min-height:330px}}
@media(max-width:560px){.segment-control{width:100%}.segment-control button{flex:1}.compare-controls label{flex:1}.compare-controls select,.map-selector,.map-selector select{width:100%;min-width:0}.compare-summary{grid-template-columns:1fr}.map-layout{padding:0 14px 18px}.spain-map{min-height:250px;padding:4px}.chart-wrap-tall{height:300px}}
.entity-panel,.movers-panel{grid-column:1/-1}.entity-header-controls,.movers-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.entity-header-controls label,.movers-controls label,.entity-picker>label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.entity-header-controls select,.movers-controls select{display:block;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:9px 30px 9px 10px;font:600 12px "DM Sans"}.entity-picker{margin:0 25px;padding:16px 18px;background:#f5f8f7;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:14px}.entity-picker>div{display:flex;gap:8px}.entity-picker input{width:100%;border:1px solid #cbd8d2;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;font:600 12px "DM Sans"}.entity-picker button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 18px;font:700 11px "DM Sans";cursor:pointer}.entity-picker button:disabled,.entity-picker input:disabled{opacity:.45;cursor:not-allowed}.entity-picker small{color:var(--muted);font-size:10px;white-space:nowrap}.entity-chips{display:flex;gap:8px;flex-wrap:wrap;padding:14px 25px 2px}.entity-chips>span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--chip-color) 30%,#fff);background:color-mix(in srgb,var(--chip-color) 8%,#fff);border-radius:999px;color:var(--ink);font-size:11px;font-weight:700}.entity-chips i{width:8px;height:8px;border-radius:50%;background:var(--chip-color)}.entity-chips button{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0 1px}.movers-period{display:flex;align-items:center;gap:9px;margin:0 25px 18px;padding:13px 16px;border-radius:10px;background:#f5f8f7;border:1px solid var(--line);font-size:12px}.movers-period span{color:var(--muted)}.movers-period small{margin-left:auto;color:var(--muted)}.movement-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.movement-grid>section{padding:22px 25px 26px}.movement-grid>section+section{border-left:1px solid var(--line)}.movement-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.movement-title>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:18px}.movement-title.up>span{background:#e9f8ef;color:#16834a}.movement-title.down>span{background:#fff0f2;color:#d33f5d}.movement-title b{display:block;font:800 14px Manrope}.movement-title small{color:var(--muted);font-size:10px}.movement-list{display:grid;gap:2px}.movement-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;border-radius:8px}.movement-row:nth-child(odd){background:#f8faf9}.movement-row>span{color:#9aabb8;font-size:10px}.movement-row div{min-width:0}.movement-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.movement-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.movement-row strong{font:800 12px Manrope}.movement-row .positive{color:#16834a}.movement-row .negative{color:#d33f5d}.movement-list>p{color:var(--muted);font-size:11px}.spain-map path{stroke-width:1.5}.canary-inset{fill:rgba(255,255,255,.92)}
@media(max-width:900px){.entity-header-controls,.movers-controls{width:100%}.entity-picker{grid-template-columns:1fr}.entity-picker>div{grid-row:2}.entity-picker small{grid-row:3}.movement-grid{grid-template-columns:1fr}.movement-grid>section+section{border-left:0;border-top:1px solid var(--line)}.movers-period{flex-wrap:wrap}.movers-period small{width:100%;margin-left:0}}
@media(max-width:560px){.entity-header-controls label,.entity-header-controls select,.movers-controls label,.movers-controls select{width:100%}.entity-header-controls .segment-control{order:3}.entity-picker{margin:0 14px}.entity-picker>div{flex-direction:column}.entity-picker button{min-height:40px}.entity-chips{padding-left:14px;padding-right:14px}.movers-period{margin:0 14px 14px}.movement-grid>section{padding:18px 14px 22px}}