@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.
Inden for denne kolonne har atomelementer ingen top- eller bundmargen, men får 12px padding på begge sider. Når et atomelement følger efter et afsnit, fjernes dets padding, og det får i stedet 12px marginer. 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 mediesektioner, der indeholder loopende figurer, sidder figcaption over andre elementer med en z-index på 6. Video-loop-knappen justeres til nederst til højre med en bundmargen på 40px og en højremargen på 3px. Mute- og unmute-kontrolbeholdere sidder helt til højre med 10px venstre padding. Caption-knappen har en z-index på 100, og på skærme, der er mindst 61.25em brede, sidder 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 op til 620px, vist som blokke med 12px top- og bundmarginer. Deres loopende figurer og videoer er også i fuld bredde op til 620px, centreret. Når disse videoer er immersive, fjernes breddebegrænsningen, og marginer bliver 12px top og bund. På skærme, der er mindst 71.25em brede, udvides immersive videoer til 1140px og forskydes 180px til venstre, med figcaptions indrykket 20px. På skærme, der er mindst 81.25em brede, udvides de yderligere til 1300px og forskydes 260px til venstre.
Roden definerer flere farvevariabler: dateline (#606060), header border (#dcdcdc), caption text (#999), caption background (72% uigennemsigtig næsten-sort), feature color (#c70000) og en ny pillar-farve, der som standard er 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 fill-farve fra den sekundære pillar. I dark mode (medmindre light mode er eksplicit indstillet), skifter underoverskrifter, pullquotes og deres ikoner til dark mode pillar-farven, og blockquotes bruger samme farve til deres fill.
Atomelementer har ingen padding. Når et atomelement er det første af sin type og følges af et afsnit, en sign-in gate, et andet atomelement eller lignende, får det følgende afsnit speciel afstand. Det samme gælder efter horisontale linjer, der ikke er den sidste, og inden for article body divs.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 atomelement, en sign-in gate eller en horisontal linje, der ikke er den sidste) inden for forskellige containere, og det styler også det første bogstav i disse afsnit.
Hvis du mente at indsætte et andet stykke tekst, er du velkommen til at dele det, og jeg omskriver det til flydende, naturligt engelsk.Jeg kan ikke omskrive det til flydende engelsk – det er CSS-kode, ikke prosa. Hvis du vil, kan jeg forklare, hvad stylingen gør, i almindeligt engelsk, eller du kan dele den faktiske tekst, du vil have omskrevet.Denne CSS-kode definerer et responsivt layout til artikelheaders, headlines, 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ørste, listeelementlink hover, furniture wrapper standfirst link hover og furniture wrapper standfirst listeelementlink hover: fjern bundkant og indstil tekstdekoration farve til den nye pillar-farve eller dark mode feature.
Furniture wrapper standfirst afsnit, standfirst afsnit og standfirst afsnit: indstil tekstfarve til #dcdcdc.
Ved minimum bredde 61.25em: det første standfirst-afsnit får en topkant på 1px solid header border color.
Ved minimum bredde 71.25em: det første standfirst-afsnits topkant fjernes.
Furniture wrapper standfirst listeelementer, standfirst listeelementer og standfirst listeelementer: indstil tekstfarve til #dcdcdc.
Ved minimum bredde 71.25em: standfirst before pseudo-elementet får en baggrundsfarve på header border color.
Ved minimum bredde 46.25em: furniture wrapper before pseudo-elementet har tomt indhold, fuld højde, placeret øverst, absolut positionering, baggrundsfarve på dark background, højre kant på 1px solid header border color, venstre position beregnet som negativ halvdel af viewport-bredde minus scrollbar-bredde minus 738px, og bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 738px. Furniture wrapper after pseudo-elementet har tomt indhold, fuld højde, placeret øverst, absolut positionering, baggrundsfarve på dark background, venstre kant på 1px solid header border color, højre position beregnet som negativ halvdel af viewport-bredde minus scrollbar-bredde minus 738px, og bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 738px.
Ved minimum bredde 61.25em: furniture wrapper before pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 978px, og venstre position beregnet som negativ halvdel af dette. Furniture wrapper after pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 978px, og højre position beregnet som negativ halvdel af dette.
Ved minimum bredde 71.25em: furniture wrapper before pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 1138px, og venstre position beregnet som negativ halvdel af dette. Furniture wrapper after pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 1138px, og højre position beregnet som negativ halvdel af dette.
Ved minimum bredde 81.25em: furniture wrapper before pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 1298px, og venstre position beregnet som negativ halvdel af dette. Furniture wrapper after pseudo-elementet har tomt indhold, bredde beregnet som halvdel af viewport-bredde minus scrollbar-bredde minus 1298px, og højre position beregnet som negativ halvdel af dette.
Furniture wrapper keyline-4 SVG og lines SVG: indstil stroke til header border color.
Furniture wrapper meta social, meta social listeelementlink span, meta comment, meta social, meta social listeelementlink span og meta comment: indstil kantfarve til header border color.
Article body h2 og interactive content body h2: indstil fontvægt til 200. Hvis h2 indeholder strong, indstil fontvægt til 700.
Div med data-print-layout hide ul: fjern baggrundsbillede.
Root med data-rendering-target apps: indstil 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 data-rendering-target apps byline span: indstil farve til ny pillar-farve.
Root med data-rendering-target apps byline span div med tilstødende FollowWrapper: indstil baggrundsbillede til header border color, header border color 1px, transparent 1px.
Ved prefers-color-schemeJeg kendte Mohamed Tahlil som en venlig pirat, der ledede et hold vagter i de første måneder af min fangenskab i 2012. Jeg var rejst til Somalia for at rapportere om fremkomsten af moderne pirateri ud for dets kyst. På den tiende dag, langs en støvet vej nær Galkayo i det centrale Somalia, blev jeg kidnappet af pirater. I de næste to et halvt år var jeg gidsel.
Jeg tilbragte det meste af min tid på en tynd, svedgennemblødt skummadras på gulvet i et støvet rum. De dunkle betonfængsler skiftede, men snavset og forholdene gjorde aldrig. Nogle gange flyttede mine fangevogtere mig ud i den somaliske savanne, hvor vi slog lejr i det fri og sov på jorden. I seks måneder blev jeg holdt på et kapret tunfiskefartøj sammen med 28 fiskere fra Østasien, som var blevet fanget omkring tre uger før, jeg blev bragt om bord. (De havde fanget mig på land, men de var en piratbande organiseret til at kapre skibe på havet.) På hvert sted sad piratvagter rundt med AK-47'er, lyttede til radio eller tyggede khat, en narkotisk plante.
Tahlil var en tynd, næsten munter mand, der talte lidt engelsk og fejede den skrammelbelagte gård i sit ufærdige fængselshus med en bedstemors ro. Når han kom ind i mit værelse, gav han mig sit skævtandede smil og lærte mig et par somaliske ord (for "sol", "sky" og så videre). Han bar rifler, men truede aldrig med at skyde mig. Tahlil virkede ikke særlig hård – han lavede mad og vaskede op sammen med lavere rangerende vagter – men han havde respekt. Jeg tænkte på ham som en lavtrangerende vagtleder i det enorme netværk af klanpirater i det centrale Somalia, som spændte fra fodsoldater til en håndfuld topbosser, krigsherrer, der rejste med bevæbnede eskorter. Tahlil sagde, at mændene, der havde fanget mig, var den "dårlige gruppe", mens han og hans vagter var den
