Här är de senaste resultaten från valen 2026, inklusive lokala, skotska och walesiska röster.
```css
@charset "UTF-8";
button {
background-color: transparent;
border: none;
margin: 0;
padding: 0;
text-align: inherit;
font: inherit;
border-radius: 0;
}
:root {
--text-sans: "GuardianTextSans", "Guardian Text Sans Web", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "sans-serif";
--text-serif: "GuardianTextEgyptian", "Guardian Text Egyptian Web", "Georgia", "serif";
--text-headline: "GH Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
--text-titlepiece: "Guardian Titlepiece", "Guardian Headline Full", "Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
--headline-xxxsmall: 17px;
--headline-xxsmall: 20px;
--headline-xsmall: 24px;
--headline-small: 28px;
--headline-medium: 34px;
--headline-large: 42px;
--headline-xlarge: 50px;
--sans-xxsmall: 12px;
--sans-xsmall: 14px;
--sans-small: 15px;
--sans-medium: 17px;
--sans-large: 20px;
--sans-xlarge: 24px;
--sans-xxlarge: 28px;
--sans-xxxlarge: 34px;
--titlepiece-xxxsmall: 16px;
--titlepiece-xxsmall: 24px;
--titlepiece-xsmall: 36px;
--titlepiece-small: 42px;
--titlepiece-medium: 50px;
--titlepiece-large: 70px;
--body-xsmall: 14px;
--body-small: 15px;
--body-medium: 17px;
--line-height-tight: 1.15;
--line-height-regular: 1.3;
--line-height-loose: 1.4;
--headline-line-height: 1.15;
--sans-line-height: 1.3;
--titlepiece-line-height: 1.15;
--body-line-height: 1.4;
--space-0: 2px;
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-9: 36px;
--space-10: 40px;
--space-12: 48px;
--space-14: 56px;
--space-16: 64px;
--space-18: 72px;
--space-24: 96px;
}
:global(body) {
--top-inset: 0;
}
:global(body.android) {
--top-inset: 58px;
}
```
```Här är den omskrivna texten på flytande, naturlig engelska:
```css
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"),
url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
.bg-color--con { background-color: var(--con) !important; }
.bg-color--lab { background-color: var(--lab) !important; }
.bg-color--libdem { background-color: var(--libdem) !important; }
.bg-color--green { background-color: var(--green) !important; }
.bg-color--ukip { background-color: var(--ukip) !important; }
.bg-color--snp { background-color: var(--snp) !important; }
.bg-color--dup { background-color: var(--dup) !important; }
.bg-color--alliance { background-color: var(--alliance) !important; }
.bg-color--alba { background-color: var(--alba) !important; }
.bg-color--uup { background-color: var(--uup) !important; }
.bg-color--sdlp { background-color: var(--sdlp) !important; }
.bg-color--pc { background-color: var(--pc) !important; }
.bg-color--sf { background-color: var(--sf) !important; }
.bg-color--reform { background-color: var(--reform) !important; }
.bg-color--ind { background-color: var(--ind) !important; }
.bg-color--other { background-color: var(--other) !important; }
.bg-color--speaker { background-color: var(--speaker) !important; }
.bg-color--undeclared { background-color: var(--undeclared) !important; }
.bg-color--noc { background-color: var(--noc) !important; }
.bg-color--wpb { background-color: var(--wpb) !important; }
.bg-color--con-2 { background-color: var(--con-2) !important; }
.bg-color--lab-2 { background-color: var(--lab-2) !important; }
.bg-color--libdem-2 { background-color: var(--libdem-2) !important; }
.bg-color--green-2 { background-color: var(--green-2) !important; }
.bg-color--ukip-2 { background-color: var(--ukip-2) !important; }
.bg-color--snp-2 { background-color: var(--snp-2) !important; }
.bg-color--dup-2 { background-color: var(--dup-2) !important; }
.bg-color--alliance-2 { background-color: var(--alliance-2) !important; }
.bg-color--alba-2 { background-color: var(--alba-2) !important; }
.bg-color--uup-2 { background-color: var(--uup-2) !important; }
.bg-color--sdlp-2 { background-color: var(--sdlp-2) !important; }
.bg-color--pc-2 { background-color: var(--pc-2) !important; }
.bg-color--sf-2 { background-color: var(--sf-2) !important; }
.bg-color--reform-2 { background-color: var(--reform-2) !important; }
.bg-color--ind-2 { background-color: var(--ind-2) !important; }
.bg-color--other-2 { background-color: var(--other-2) !important; }
.bg-color--speaker-2 { background-color: var(--speaker-2) !important; }
.bg-color--undeclared-2 { background-color: var(--undeclared-2) !important; }
.bg-color--wpb-2 { background-color: var(--wpb) !important; }
.fill-color--con { fill: var(--con) !important; }
.fill-color--lab { fill: var(--lab) !important; }
.fill-color--libdem { fill: var(--libdem) !important; }
.fill-color--green { fill: var(--green) !important; }
.fill-color--ukip { fill: var(--ukip) !important; }
.fill-color--snp { fill: var(--snp) !important; }
.fill-color--dup { fill: var(--dup) !important; }
.fill-color--alliance { fill: var(--alliance) !important; }
.fill-color--alba { fill: var(--alba) !important; }
.fill-color--uup { fill: var(--uup) !important; }
.fill-color--sdlp { fill: var(--sdlp) !important; }
.fill-color--pc { fill: var(--pc) !important; }
.fill-color--sf { fill: var(--sf) !important; }
.fill-color--reform { fill: var(--reform) !important; }
.fill-color--ind { fill: var(--ind) !important; }
.fill-color--other { fill: var(--other) !important; }
.fill-color--speaker { fill: var(--speaker) !important; }
.fill-color--undeclared { fill: var(--undeclared) !important; }
.fill-color--noc { fill: var(--noc) !important; }
.fill-color--wpb { fill: var(--wpb) !important; }
.fill-color--con-2 { fill: var(--con-2) !important; }
.fill-color--lab-2 { fill: var(--lab-2) !important; }
.fill-color--libdem-2 { fill: var(--libdem-2) !important; }
.fill-color--green-2 { fill: var(--green-2) !important; }
.fill-color--ukip-2 { fill: var(--ukip-2) !important; }
.fill-color--snp-2 { fill: var(--snp-2) !important; }
.fill-color--dup-2 { fill: var(--dup-2) !important; }
.fill-color--alliance-2 { fill: var(--alliance-2) !important; }
.fill-color--alba-2 { fill: var(--alba-2) !important; }
.fill-color--uup-2 { fill: var(--uup-2) !important; }
.fill-color--sdlp-2 { fill: var(--sdlp-2) !important; }
.fill-color--pc-2 { fill: var(--pc-2) !important; }
.fill-color--sf-2 { fill: var(--sf-2) !important; }
.fill-color--reform-2 { fill: var(--reform-2) !important; }
.fill-color--ind-2 { fill: var(--ind-2) !important; }
```Detta är en uppsättning CSS-regler som definierar färger för olika politiska partier och grupper. Varje regel använder en anpassad CSS-variabel (som `--con`, `--lab`, etc.) för att ställa in fyllnads-, streck-, text- eller kantfärg för element med specifika klassnamn. Klasserna är namngivna efter partier eller grupper, såsom "con" för Conservative, "lab" för Labour, "libdem" för Liberal Democrats, "green" för Green Party, "snp" för Scottish National Party och många andra. Taggen `!important` säkerställer att dessa stilar åsidosätter andra motstridiga regler.Här är den omskrivna texten på flytande, naturlig engelska:
CSS-reglerna anger bakgrundsfärger för olika politiska partier och grupper med hjälp av anpassade CSS-variabler. Till exempel använder klasser som `.before-color--con` och `.before-color--lab` en bakgrundsfärg på pseudo-elementet `:before` med hjälp av variabler som `--con` och `--lab`. Liknande regler finns för partier som Liberal Democrats, Green, UKIP, SNP, DUP, Alliance, Alba, UUP, SDLP, Plaid Cymru, Sinn Féin, Reform, Independents, Other, Speaker, Undeclared och WPB.
För Europaparlamentets grupper använder bakgrundsfärgklasser som `.bg-color--left`, `.bg-color--sd`, `.bg-color--greenefa`, `.bg-color--renew`, `.bg-color--epp`, `.bg-color--ecr
