@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){.Hovedinnholdskolonnen for interaktive artikler har en venstrekant på 1px solid #dcdcdc, plassert på -10px med en z-index på -1. På skjermer som er minst 81.25em brede, flyttes denne kanten til -11px. Atomelementer inne i denne kolonnen har ingen topp- eller bunnmargin, med 12px polstring på topp og bunn. Når et avsnitt etterfølges av et atomelement, fjernes polstringen og erstattes med 12px topp- og bunnmarginer. Innebygde elementer er begrenset til 620px bredde, og på skjermer som er minst 61.25em brede, har innebygde figurer også maksimal bredde på 620px.
For medieelementer som inneholder en løkkende figur, sitter figcaption (med mindre skjult) på z-index 6. Videoløkkeknappen justeres til nederst til høyre med 40px bunnmargin og 3px høyremargin. Kontrollbeholderne for lyd av og på er plassert ved høyre kant med 10px venstrepolstring. Bildetekstknappen sitter på z-index 100, og på skjermer som er minst 61.25em brede, flyttes den 20px fra bunnen. På skjermer som er minst 46.25em brede, har cinemagraph-beholdere ingen maksimal høyde.
Selvhostede videoøyer i brødteksten er full bredde, begrenset til 620px, vist som blokker med 12px topp- og bunnmarginer. Deres løkkende figurer og videoer er full bredde, automatisk høyde, begrenset til 620px, og sentrert. Når den løkkende figuren er et immersivt videoelement, utvides øya til full bredde med 12px vertikale marginer, og figuren og videoen mister sin maksimale bredde og sentrering. På skjermer som er minst 71.25em brede, blir den immersive øya 1140px bred og forskyves 180px til venstre, med figcaptions innrykket 20px. På skjermer som er minst 81.25em brede, blir den 1300px bred og forskyves 260px til venstre.
Roten definerer flere egendefinerte egenskaper: dateline-farge #606060, topptekstkant #dcdcdc, bildetekst #999, bildetekstbakgrunn hsla(0, 0%, 7%, .72), feature-farge #c70000, og en ny pillar-farge som faller tilbake til den primære pillar- eller feature-fargen. Underoverskrifter, pullquotes og pullquote-ikoner bruker den sekundære pillar-fargen, mens blockquotes bruker artikkeltekstfargen. Blockquotes får også en fyllfarge fra den sekundære pillar. I mørk modus (med mindre fargevalget er eksplisitt satt til lyst), bytter underoverskrifter, pullquotes og pullquote-ikoner til mørk modus pillar-farge, og blockquotes bruker det samme for sin fyll.
Atomelementer har ingen polstring. Når et atomelement er det første av sin type og etterfølges av et avsnitt, innloggingsport, et annet atom, eller lignende, får det følgende avsnittet spesiell avstand. Det samme gjelder horisontale linjer som ikke er den siste, og avsnitt som følger annonseplasser. Disse reglene gjelder også innenfor artikkeltekstbeholderen.Teksten du har oppgitt er CSS-kode, ikke prosa, så det er ingen naturlig engelsk å skrive om. Det er et sett med selektorer som legger til 14px toppolstring til det første avsnittet etter visse elementer (som det første atomelementet, en innloggingsport, eller en horisontal linje) på tvers av flere beholdere, pluss en regel for å style den første bokstaven i disse avsnittene.
Hvis du vil, kan jeg forklare hva denne CSS-en gjør på vanlig engelsk, eller hjelpe deg med å forenkle eller refaktorere den.Jeg kan ikke skrive om det som flytende engelsk – det er CSS-kode, ikke prosa. Hvis du vil, kan jeg forklare hva stilene gjør på vanlig engelsk, eller du kan dele den faktiske teksten du vil ha omskrevet.Denne CSS-koden definerer et responsivt oppsett for artikkeltopptekster, overskrifter, metadata, standfirsts og portretter. Den bruker CSS Grid til å arrangere disse elementene på tvers av ulike skjermstørrelser, med brytepunkter på 61.25em, 71.25em og 81.25em. Oppsettet justerer kolonne- og radstrukturer, legger til kanter, og styler lenker og figurer for å sikre at innholdet vises riktig på ulike enheter..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, listeelementlenke ved hover, furniture wrapper standfirst lenke ved hover, og furniture wrapper standfirst listeelementlenke ved hover: fjern bunnkant og sett tekstdekorasjonsfarge til den nye pillar-fargen eller mørk modus-funksjonen.
Furniture wrapper standfirst-avsnitt, standfirst-avsnitt, og standfirst data-attributt-avsnitt: sett farge til #dcdcdc.
Ved minimumsbredde 61.25em: det første avsnittet i furniture wrapper standfirst, standfirst, og standfirst data-attributt får en toppkant på 1px solid header border-farge.
Ved minimumsbredde 71.25em: det første avsnittet i de samme standfirst-elementene har ingen toppkant.
Furniture wrapper standfirst-listeelementer, standfirst-listeelementer, og standfirst data-attributt-listeelementer: sett farge til #dcdcdc.
Ved minimumsbredde 71.25em: before-pseudoelementet til furniture wrapper standfirst, standfirst, og standfirst data-attributt får en bakgrunnsfarge på header border-farge.
Ved minimumsbredde 46.25em: furniture wrapper before-pseudoelementet får innhold, full høyde, topp 0, absolutt posisjon, mørk bakgrunnsfarge, høyre kant på 1px solid header border-farge, venstre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsbredde minus rullefeltbredde minus 738px delt på 2. Furniture wrapper after-pseudoelementet får innhold, full høyde, topp 0, absolutt posisjon, mørk bakgrunnsfarge, venstre kant på 1px solid header border-farge, høyre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsbredde minus rullefeltbredde minus 738px delt på 2.
Ved minimumsbredde 61.25em: furniture wrapper before-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 978px delt på 2, og venstre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 978px delt på negativ 2. Furniture wrapper after-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 978px delt på 2, og høyre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 978px delt på negativ 2.
Ved minimumsbredde 71.25em: furniture wrapper before-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 1138px delt på 2, og venstre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 1138px delt på negativ 2. Furniture wrapper after-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 1138px delt på 2, og høyre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 1138px delt på negativ 2.
Ved minimumsbredde 81.25em: furniture wrapper before-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 1298px delt på 2, og venstre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 1298px delt på negativ 2. Furniture wrapper after-pseudoelementet får innhold, bredde beregnet fra visningsbredde minus rullefeltbredde minus 1298px delt på 2, og høyre posisjon beregnet fra visningsbredde minus rullefeltbredde minus 1298px delt på negativ 2.
Furniture wrapper keyline-4 svg og lines data-attributt svg: sett strek til header border-farge.
Furniture wrapper meta social, meta social listeelementlenke span, meta comment, meta data-attributt meta social, meta data-attributt meta social listeelementlenke span, og meta data-attributt meta comment: sett kantfarge til header border-farge.
Article body h2 og interactive content body h2: sett skriftvekt til 200. Hvis h2 inneholder strong, sett skriftvekt til 700.
Div med print layout hide-attributt ul: fjern bakgrunnsbilde.
Root med rendering target apps-attributt: sett follow text til #dcdcdc, follow icon fill til ny pillar-farge, standfirst text til #dcdcdc, standfirst link text til ny pillar-farge, standfirst link border til ny pillar-farge, byline til ny pillar-farge, article meta lines til header border-farge, og byline til mørk modus pillar.
Root med rendering target apps-attributt byline span: sett farge til ny pillar-farge.
Root med rendering target apps-attributt byline span div som har et etterfølgende FollowWapper-element: sett bakgrunnsbilde til header border-farge, header border-farge 1px, og gjennomsiktig 1px.
Ved prefers color scheme media query.Alle på Exmouth Marina visste at det var en ueksplodert tysk bombe i vannet. Gamle rever ved dokken hadde sagt det siden slutten av andre verdenskrig. Men marinaen hadde blitt mudret og mudret på nytt, og ingenting hadde noen gang dukket opp. Det hadde begynt å høres ut som en gammel kjerringhistorie. Marinaen er en travel vannvei: en kommersiell havn frem til slutten av 1990-tallet som siden ble omgjort til et hjem for private yachter. En bombe, skulle man tro, ville hatt vanskelig for å forbli skjult. Men midt på ettermiddagen onsdag 14. januar 2026, 81 år etter slutten av andre verdenskrig, fikk Steve Hockings-Thompson, lederen av Exmouth Marina, en telefon fra mannskapet på et mudringsfartøy som fortalte ham at han burde komme ut til båten. "Jeg tenkte: 'Å kjære. Vi har et lite problem her,'" fortalte Hockings-Thompson meg nylig. Han dro ut til mudringsfartøyet, en lav pram som håler silt og annet rusk fra marinaens bunn opp på et flatt dekk som ligner en stålsikt. På dekket lå en enorm metallklump, dekket av gjørme og steiner. Da Hockings-Thompson
