@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){.Hovedindholdskolonnen for interaktive artikler har en venstre kant på 1px solid #dcdcdc, placeret ved -10px med en z-index på -1. På skærme, der er mindst 81.25em brede, flyttes denne kant til -11px. Atom-elementer inde i denne kolonne har ingen top- eller bundmargin, med 12px padding i top og bund. Når et afsnit efterfølges af et atom-element, fjernes paddingen og erstattes med 12px top- og bundmargener. Inline-elementer er begrænset til 620px i bredden, og på skærme, der er mindst 61.25em brede, har inline-figurer også en maksimal bredde på 620px.
For medieelementer, der indeholder en loopende figur, sidder figcaption (medmindre skjult) ved z-index 6. Video-loop-knappen justeres til nederst til højre med en bundmargin på 40px og en højremargin på 3px. Lydstyrke- og lydstyrke-kontrolbeholderne er placeret ved højre kant med 10px venstre padding. Billedtekstknappen sidder ved z-index 100, og på skærme, der er mindst 61.25em brede, flyttes den 20px fra bunden. På skærme, der er mindst 46.25em brede, har cinemagraph-beholdere ingen maksimal højde.
Selvhostede video-øer i brødteksten er i fuld bredde, begrænset til 620px, vist som blokke med 12px top- og bundmargener. Deres loopende figurer og videoer er i fuld bredde, automatisk højde, begrænset til 620px og centreret. Når den loopende figur er et immersivt videoelement, udvides øen til fuld bredde med 12px lodrette margener, og figuren og videoen mister deres maksimale bredde og centrering. På skærme, der er mindst 71.25em brede, bliver den immersive ø 1140px bred og forskydes 180px til venstre, med figcaptions indrykket 20px. På skærme, der er mindst 81.25em brede, bliver den 1300px bred og forskydes 260px til venstre.
Roden definerer flere brugerdefinerede egenskaber: dateline-farve #606060, header-kant #dcdcdc, billedtekst #999, billedtekstbaggrund hsla(0, 0%, 7%, .72), feature-farve #c70000 og en ny pillar-farve, der falder tilbage til den primære pillar- eller feature-farve. Underoverskrifter, pullquotes og pullquote-ikoner bruger den sekundære pillar-farve, mens blockquotes bruger artiklens tekstfarve. Blockquotes får også en fyldfarve fra den sekundære pillar. I mørk tilstand (medmindre farveskemaet er eksplicit sat til lyst), skifter underoverskrifter, pullquotes og pullquote-ikoner til mørk tilstand pillar-farven, og blockquotes bruger den samme til deres fyld.
Atom-elementer har ingen padding. Når et atom-element er det første af sin type og efterfølges af et afsnit, en login-gate, et andet atom eller lignende, får det følgende afsnit speciel afstand. Det samme gælder for horisontale linjer, der ikke er den sidste, og for afsnit, der følger efter annoncepladser. Disse regler gælder også i artiklens brødtekstbeholder.Den tekst, du har givet, er CSS-kode, ikke prosa, så der er ingen naturlig engelsk at omskrive. Det er et sæt selektorer, der tilføjer 14px top-padding til det første afsnit efter visse elementer (som det første atom-element, en login-gate eller en horisontal linje) på tværs af flere beholdere, plus en regel til at style det første bogstav i disse afsnit.
Hvis du vil, kan jeg forklare, hvad denne CSS gør på almindeligt dansk, eller hjælpe dig med at forenkle eller refaktorere den.Jeg kan ikke omskrive det til flydende dansk—det er CSS-kode, ikke prosa. Hvis du vil, kan jeg forklare, hvad stylingen gør på almindeligt dansk, eller du kan dele den faktiske tekst, du vil have omskrevet.Denne CSS-kode definerer et responsivt layout til artikelheaders, overskrifter, metadata, standfirsts og portrætter. Den bruger CSS Grid til at arrangere disse elementer på tværs af forskellige skærmstørrelser, med breakpoints ved 61.25em, 71.25em og 81.25em. Layoutet justerer kolonne- og rækkestrukturer, tilføjer kanter og styler links og figurer for at sikre, at indholdet vises korrekt på forskellige enheder..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFørst, listeelementlink hover, furniture wrapper standfirst link hover og furniture wrapper standfirst listeelementlink hover: fjern bundkant og sæt tekstdekorationens farve til den nye pillar-farve eller dark mode feature.
Furniture wrapper standfirst-afsnit, standfirst-afsnit og standfirst data-attribut-afsnit: sæt farve til #dcdcdc.
Ved minimum bredde 61.25em: det første afsnit i furniture wrapper standfirst, standfirst og standfirst data-attribut får en topkant på 1px solid header border color.
Ved minimum bredde 71.25em: det første afsnit i de samme standfirst-elementer har ingen topkant.
Furniture wrapper standfirst-listeelementer, standfirst-listeelementer og standfirst data-attribut-listeelementer: sæt farve til #dcdcdc.
Ved minimum bredde 71.25em: before-pseudoelementet for furniture wrapper standfirst, standfirst og standfirst data-attribut får en baggrundsfarve på header border color.
Ved minimum bredde 46.25em: furniture wrapper before-pseudoelementet får content, fuld højde, top 0, absolut position, mørk baggrundsfarve, højre kant på 1px solid header border color, venstre position beregnet fra viewport-bredde minus scrollbar-bredde minus 738px divideret med negativ 2, og bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 738px divideret med 2. Furniture wrapper after-pseudoelementet får content, fuld højde, top 0, absolut position, mørk baggrundsfarve, venstre kant på 1px solid header border color, højre position beregnet fra viewport-bredde minus scrollbar-bredde minus 738px divideret med negativ 2, og bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 738px divideret med 2.
Ved minimum bredde 61.25em: furniture wrapper before-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 978px divideret med 2, og venstre position beregnet fra viewport-bredde minus scrollbar-bredde minus 978px divideret med negativ 2. Furniture wrapper after-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 978px divideret med 2, og højre position beregnet fra viewport-bredde minus scrollbar-bredde minus 978px divideret med negativ 2.
Ved minimum bredde 71.25em: furniture wrapper before-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 1138px divideret med 2, og venstre position beregnet fra viewport-bredde minus scrollbar-bredde minus 1138px divideret med negativ 2. Furniture wrapper after-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 1138px divideret med 2, og højre position beregnet fra viewport-bredde minus scrollbar-bredde minus 1138px divideret med negativ 2.
Ved minimum bredde 81.25em: furniture wrapper before-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 1298px divideret med 2, og venstre position beregnet fra viewport-bredde minus scrollbar-bredde minus 1298px divideret med negativ 2. Furniture wrapper after-pseudoelementet får content, bredde beregnet fra viewport-bredde minus scrollbar-bredde minus 1298px divideret med 2, og højre position beregnet fra viewport-bredde minus scrollbar-bredde minus 1298px divideret med negativ 2.
Furniture wrapper keyline-4 svg og lines data-attribut svg: sæt stroke til header border color.
Furniture wrapper meta social, meta social listeelementlink span, meta comment, meta data-attribut meta social, meta data-attribut meta social listeelementlink span og meta data-attribut meta comment: sæt kantfarve til header border color.
Article body h2 og interactive content body h2: sæt fontvægt til 200. Hvis h2 indeholder strong, sæt fontvægt til 700.
Div med print layout hide-attribut ul: fjern baggrundsbillede.
Root med rendering target apps-attribut: sæt follow text til #dcdcdc, follow icon fill til ny pillar-farve, standfirst text til #dcdcdc, standfirst link text til ny pillar-farve, standfirst link border til ny pillar-farve, byline til ny pillar-farve, article meta lines til header border color og byline til dark mode pillar.
Root med rendering target apps-attribut byline span: sæt farve til ny pillar-farve.
Root med rendering target apps-attribut byline span div, der har et efterfølgende FollowWapper-element: sæt baggrundsbillede til header border color, header border color 1px og transparent 1px.
Ved prefers color scheme-medieforespørgsel.Alle i Exmouth Marina vidste, at der var en ueksploderet tysk bombe i vandet. Gamle rotter på dokken havde sagt det siden slutningen af Anden Verdenskrig. Men marinaen var blevet opmudret og opmudret igen, og der var aldrig dukket noget op. Det var begyndt at lyde som en gammel kones historie. Marinaen er et travlt stykke vand: en kommerciel havn indtil slutningen af 1990'erne, som siden var blevet omdannet til et hjem for private yachter. En bombe, skulle man tro, ville have svært ved at forblive skjult. Men midt på eftermiddagen onsdag den 14. januar 2026, 81 år efter afslutningen af Anden Verdenskrig, fik Steve Hockings-Thompson, manageren for Exmouth Marina, et opkald fra besætningen på et opmudringsfartøj, der fortalte ham, at han hellere måtte komme ud til båden. "Jeg tænkte: 'Åh du godeste. Vi har et lille problem her,'" fortalte Hockings-Thompson mig for nylig. Han gik ud til opmudringsfartøjet, en lavstammet pram, der hiver silt og andet affald fra marinaens bund op på et fladt dæk, der ligner en stålsigte. På dækket lå en enorm klump metal, dækket af mudder og sten.