@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) {HuvudinnehÄllskolumnen för interaktiva artiklar har en vÀnsterkant pÄ 1px solid #dcdcdc, placerad vid -10px med ett z-index pÄ -1. PÄ skÀrmar som Àr minst 81,25em breda flyttas denna kant till -11px. Atomelement inom denna kolumn har ingen övre eller nedre marginal, men 12px utfyllnad bÄde upptill och nedtill. NÀr ett stycke följs av ett atomelement tas utfyllnaden bort och ersÀtts med 12px marginaler upptill och nedtill. Inline-element Àr begrÀnsade till 620px bredd, och pÄ skÀrmar som Àr minst 61,25em breda har inline-figurer ocksÄ en maxbredd pÄ 620px.
NÀr mediasektionen innehÄller en loopande figur fÄr figcaption (om den inte Àr dold) ett z-index pÄ 6. Videoloop-knappen justeras till botten med 40px nedre marginal och 3px höger marginal. BehÄllarna för ljud av/pÄ-kontrollen sitter vid högerkanten med 10px vÀnster utfyllnad. Bildtextknappen fÄr ett z-index pÄ 100, och pÄ skÀrmar som Àr minst 61,25em breda sitter den 20px frÄn botten. PÄ skÀrmar som Àr minst 46,25em breda har cinemagraph-behÄllare ingen maxhöjdbegrÀnsning.
SjÀlvhostade videoöar i brödtexten har full bredd upp till 620px, visas som block och har 12px övre och nedre marginaler. Deras loopande figurer och videor har full bredd, automatisk höjd, Àr begrÀnsade till 620px och centrerade. NÀr den loopande figuren Àr ett immersivt videoelement expanderar ön till full bredd med 12px vertikala marginaler, och figuren och videon förlorar sin maxbredd och centrering. PÄ skÀrmar som Àr minst 71,25em breda blir den immersiva ön 1140px bred och förskjuts Ät vÀnster med 180px, med figcaptions som fÄr en 20px vÀnstermarginal. PÄ skÀrmar som Àr minst 81,25em breda blir den 1300px bred och förskjuts Ät vÀnster med 260px.
Roten definierar flera anpassade egenskaper: dateline-fÀrg #606060, rubrikkant #dcdcdc, bildtexttext #999, bildtextbakgrund hsla(0, 0%, 7%, .72), feature-fÀrg #c70000 och en ny pillar-fÀrg som faller tillbaka pÄ den primÀra pillar- eller feature-fÀrgen. Underrubriktext, pullquote-text och pullquote-ikoner anvÀnder den sekundÀra pillar-fÀrgen, medan blockcitattext anvÀnder artikeltextfÀrgen. Blockcitat fÄr en fyllningsfÀrg frÄn den sekundÀra pillaren. I mörkt lÀge (om inte fÀrgschemat uttryckligen Àr instÀllt pÄ ljust) vÀxlar underrubriker, pullquotes och deras ikoner till pillar-fÀrgen för mörkt lÀge, och blockcitat följer efter.
Atomelement har ingen utfyllnad. NĂ€r ett atomelement Ă€r det första av sitt slag och följs av ett stycke, en inloggningsgrind, en annan atom eller liknande, fĂ„r det följande stycket sĂ€rskilt avstĂ„nd. Detsamma gĂ€ller efter en horisontell linje som inte Ă€r den sista, eller efter en annonsplatsbehĂ„llare följd av ett stycke.Texten du har angett Ă€r CSS-kod, inte prosa, sĂ„ det finns ingen naturlig engelsk version att producera. Om du vill kan jag förklara vad denna CSS gör pĂ„ vanlig engelska.Jag kan inte skriva om det som flytande engelska â det Ă€r CSS-kod, inte prosa. Om du vill kan jag förklara vad stilarna gör pĂ„ vanlig engelska, eller sĂ„ kan du dela den faktiska text du vill skriva om.Denna CSS-kod definierar en responsiv layout för artikelrubriker, rubriker, metadata, standfirsts och portrĂ€tt. Den anvĂ€nder CSS Grid för att arrangera dessa element över olika skĂ€rmstorlekar, med brytpunkter vid 61,25em, 71,25em och 81,25em. Layouten justerar kolumn- och radstrukturer, lĂ€gger till kanter och stylar lĂ€nkar och figurer för att sĂ€kerstĂ€lla att innehĂ„llet visas korrekt pĂ„ olika enheter.Furniture-wrapperens standfirst har en liten vĂ€nsterförskjutning. I artikelhuvudet fĂ„r label-divarna lite övre utfyllnad. Rubriken h1 Ă€r instĂ€lld pĂ„ semibold, med en maxbredd pĂ„ 620px och en teckenstorlek pĂ„ 32px. PĂ„ bredare skĂ€rmar (minst 71,25em) blir maxbredden 540px och teckenstorleken ökar till 50px. Vid 46,25em och över har keyline-4- och lines-elementen ingen högermarginal, och vid 61,25em och över Ă€r de dolda. Deras SVG:er anvĂ€nder rubrikkantens fĂ€rg för strokes. Metasektionen förlorar ocksĂ„ sin högermarginal vid 46,25em och över. Social- och kommentarselementen inom meta anvĂ€nder rubrikkantens fĂ€rg för sina kanter, och alla gu-island inuti meta-behĂ„llaren Ă€r dolda. Standfirst förskjuts Ă„t vĂ€nster med 10px med matchande utfyllnad och fĂ„r 2px övre utfyllnad vid 46,25em och över. Dess stycken har normal vikt, 20px, med 14px nedre utfyllnad. HuvudmediaomrĂ„det Ă€r relativt positionerat, utan övre marginal och med en 2px nedre marginal, placerat i portrĂ€ttrutnĂ€tsomrĂ„det. Dess inre divar tar full bredd utan inline-marginaler. Vid 61,25em och över tas den nedre marginalen bort. PĂ„ skĂ€rmar upp till 46,24em spĂ€nner den över hela visningsportens bredd minus eventuell scrollbar och förskjuts Ă„t vĂ€nster med 10px; mellan 30em och 46,24em blir den vĂ€nsterförskjutningen 20px. Figcaptions Ă€r absolut positionerade lĂ€ngst ned, med utfyllnad och en bakgrunds- och textfĂ€rg frĂ„n CSS-variabler, ingen maxbredd, ingen nedre marginal och en minsta höjd pĂ„ 46px. Spans inuti anvĂ€nder rubrikkantens fĂ€rg, och SVG:er inuti dessa spans fylls med den. Den första spanen Ă€r dold, medan den andra visas med en maxbredd pĂ„ 90%. Vid 30em och över ökar figcaption-utfyllnaden. En dold figcaption har noll opacitet. Bildtextknappen Ă€r ett blocknivĂ„element, absolut positionerat lĂ€ngst ned till höger, med en cirkulĂ€r bakgrund, ingen kant och viss utfyllnad. Dess SVG skalas ned nĂ„got. Vid 30em och över förskjuts den lite mer Ă„t höger. PĂ„ bredare skĂ€rmar fĂ„r den interaktiva huvudkolumnen ett pseudo-element med en specifik toppförskjutning och höjd. Rubriker inuti den interaktiva huvudkolumnen har en maxbredd pĂ„ 620px. I mörkt lĂ€ge (nĂ€r det inte uttryckligen Ă€r instĂ€llt pĂ„ ljust) omdefinieras flera CSS-variabler för följtext, följikonfyllning, standfirst-text, standfirst-lĂ€nktext och -kant samt byline-fĂ€rg. Roten definierar ocksĂ„ en ny pillar-fĂ€rgvariabel som faller tillbaka pĂ„ pillar-fĂ€rgen för mörkt lĂ€ge.r(--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, listobjektlĂ€nk hovra, furniture wrapper standfirst-lĂ€nk hovra och furniture wrapper standfirst-listobjektlĂ€nk hovra: ta bort nedre kant och stĂ€ll in textdekorationsfĂ€rg till den nya pillar-fĂ€rgen eller dark mode-feature.
Furniture wrapper standfirst-stycken, standfirst-stycken och standfirst-dataattributstycken: stÀll in fÀrg till #dcdcdc.
Vid minsta bredd 61,25em: det första stycket i furniture wrapper standfirst, standfirst och standfirst-dataattribut fÄr en övre kant pÄ 1px solid header border-fÀrg.
Vid minsta bredd 71,25em: det första stycket i samma standfirst-element har ingen övre kant.
Furniture wrapper standfirst-listobjekt, standfirst-listobjekt och standfirst-dataattributlistobjekt: stÀll in fÀrg till #dcdcdc.
Vid minsta bredd 71,25em: before-pseudo-elementet för furniture wrapper standfirst, standfirst och standfirst-dataattribut fÄr en bakgrundsfÀrg av header border-fÀrg.
Vid minsta bredd 46,25em: furniture wrapper before-pseudo-elementet fÄr innehÄll, full höjd, top 0, absolut position, mörk bakgrundsfÀrg, högerkant pÄ 1px solid header border-fÀrg, vÀnsterposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med negativ 2, och bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med 2. Furniture wrapper after-pseudo-elementet fÄr innehÄll, full höjd, top 0, absolut position, mörk bakgrundsfÀrg, vÀnsterkant pÄ 1px solid header border-fÀrg, högerposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med negativ 2, och bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 738px delat med 2.
Vid minsta bredd 61,25em: furniture wrapper before-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med 2, och vÀnsterposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med negativ 2. Furniture wrapper after-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med 2, och högerposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 978px delat med negativ 2.
Vid minsta bredd 71,25em: furniture wrapper before-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med 2, och vÀnsterposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med negativ 2. Furniture wrapper after-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med 2, och högerposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1138px delat med negativ 2.
Vid minsta bredd 81,25em: furniture wrapper before-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med 2, och vÀnsterposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med negativ 2. Furniture wrapper after-pseudo-elementet fÄr innehÄll, bredd berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med 2, och högerposition berÀknad frÄn viewport-bredd minus scrollbar-bredd minus 1298px delat med negativ 2.
Furniture wrapper keyline-4 svg och lines-dataattribut svg: stÀll in stroke till header border-fÀrg.
Furniture wrapper meta social, meta social-listobjektlÀnk span, meta comment, meta data-attribut meta social, meta data-attribut meta social-listobjektlÀnk span och meta data-attribut meta comment: stÀll in kantfÀrg till header border-fÀrg.
Artikelbrödtext h2 och interaktivt innehÄll brödtext h2: stÀll in typsnittsvikt till 200. Om h2 innehÄller strong, stÀll in typsnittsvikt till 700.
Div med print layout hide-attribut ul: ta bort bakgrundsbild.
Rot med rendering target apps-attribut: stÀll in follow text till #dcdcdc, follow icon fill till ny pillar-fÀrg, standfirst text till #dcdcdc, standfirst link text till ny pillar-fÀrg, standfirst link border till ny pillar-fÀrg, byline till ny pillar-fÀrg, article meta lines till header border-fÀrg och byline till dark mode pillar.
Rot med rendering target apps-attribut byline span: stÀll in fÀrg till ny pillar-fÀrg.
Rot med rendering target apps-attribut byline span div som har ett följande FollowWapper-element: stÀll in bakgrundsbild till header border-fÀrg, header border-fÀrg 1px och transparent 1px.
Vid prefers color scheme media query.En varm, tyst kvĂ€ll i juni 2020 lĂ„g Ottos Ă„ldrande mor, Doria, för döden i sin lĂ€genhet i MĂŒnchen. Hon lĂ„g med slutna ögon, hennes bleka ansikte inramat av vitt hĂ„r, lugn. Otto, iförd mask, handskar och ett sterilt förklĂ€de, slumrade i en stol bredvid henne. Otto, som ibland kallar sig Rainer och vars efternamn endast Ă€r kĂ€nt som "Z" pĂ„ grund av Tysklands strikta integritetslagar, var en lĂ€kare som hade vĂ„rdat sin mor i flera Ă„r, Ă€nda sedan hon fick en stroke och flyttade in hos honom. Han berĂ€ttade för mig vad som hĂ€nde den natten. Han vaknade av ljudet av hennes korta andetag och försökte sĂ€tta henne upprĂ€tt. Hennes ögon var stĂ€ngda och hennes lĂ€ppar sammanpressade. Hon slutade andas. Otto strĂ€ckte sig efter sin telefon för att ringa efter hjĂ€lp, men dĂ„ öppnade Doria ögonen och stirrade in i hans. Hon log, tog ett sista djupt andetag, stĂ€ngde ögonen igen och lĂ„g stilla. Otto sjönk ner i sin stol. Som lĂ€kare hade han sett döden mĂ„nga gĂ„nger, men hans egen mors bortgĂ„ng försatte honom i chock. Han kĂ€nde sig frusen, medan han sĂ„g fönstren glittra i det bleknande ljuset. Han var 66 Ă„r, och hans bror och far hade dött Ă„r tidigare. Han hade inga vĂ€nner. Han hade gett all sin tid, energi och uppmĂ€rksamhet Ă„t att vĂ„rda sin mor, och nu nĂ€r hans uppgift plötsligt var över hade han ingen att vĂ€nda sig till. Han sörjde ensam, med en improviserad ritual. Han tĂ€nde ljus och placerade metalltallrikar i hennes sĂ€ngs fyra hörn. Han satt bredvid henne och tĂ€nkte pĂ„ hennes sjĂ€l. NĂ€r riten var fullbordad tog Otto upp telefonen och ringde ett begravningshem. Han kĂ€nde till förfarandet: som lĂ€kare kunde han utfĂ€rda sin egen mors dödsattest. Efter att han lagt pĂ„ luren vĂ€ntade Otto. Det var det sista lugna ögonblicket han skulle uppleva pĂ„ mĂ„nga mĂ„nader. Efter att han ringt begravningshemmet, berĂ€ttade Otto för mig, vĂ€ntade han bredvid sin mor hela natten och in i nĂ€sta eftermiddag innan han hörde en knackning pĂ„ dörren. Han blev förvĂ„nad över att se att mĂ€nnen i korridoren, istĂ€llet för lĂ€kare, var poliser. De bar skottsĂ€kra vĂ€star och bar vapen. Han bjöd in dem, dĂ€r de genomsökte rummen. Han visade dem till sin mors sovrum och följde tĂ€tt efter, men poliserna stoppade honom och bad honom sĂ€tta sig. Medan poliserna inspekterade hans mors kropp satt Otto pĂ„ sitt kontor. Fyrtiofem minuter gick, och sedan hörde han nĂ„gon annan komma in i lĂ€genheten utan att knacka. En lĂ„ng, stilig kvinna nĂ€rmade sig och presenterade sig som rĂ€ttslĂ€kare frĂ„n MĂŒnchens institut för rĂ€ttsmedicin, och gick sedan ivĂ€g till sovrummet. Otto visste att en rĂ€ttslĂ€kare â till skillnad frĂ„n en lĂ€kare eller sjuksköterska â endast skickas till platser för misst