@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 i denne kolonnen har ingen topp- eller bunnmargin, men 12px polstring både øverst og nederst. Når et avsnitt etterfølges av et atomelement, fjernes polstringen og erstattes med 12px marger øverst og nederst. Innebygde elementer er begrenset til 620px bredde, og på skjermer som er minst 61.25em brede, har innebygde figurer også en maksimal bredde på 620px.
Når medieseksjonen inneholder en løkkende figur, får figcaption (med mindre den er skjult) en z-index på 6. Video loop-knappen justeres til bunnen med 40px bunnmargin og 3px høyremargin. Kontrollerne for demping og oppheving av demping sitter ved høyre kant med 10px venstrepolstring. Tekstknappen får en z-index på 100, og på skjermer som er minst 61.25em brede, sitter den 20px fra bunnen. På skjermer som er minst 46.25em brede, har cinemagraph-beholdere ingen maks-høydebegrensning.
Selvhostede videoøyer i brødteksten har full bredde opp til 620px, vises som blokk og har 12px topp- og bunnmarger. Deres løkkende figurer og videoer har full bredde, automatisk høyde, er begrenset til 620px og sentrert. Når den løkkende figuren er et immersivt videoelement, utvides øya til full bredde med 12px vertikale marger, 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 som får en 20px venstremargin. På skjermer som er minst 81.25em brede, blir den 1300px bred og forskyves 260px til venstre.
Roten definerer flere egendefinerte egenskaper: datolinjefarge #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. Underoverskriftstekst, pullquote-tekst og pullquote-ikoner bruker den sekundære pillar-fargen, mens blokksitattekst bruker artikkeltekstfargen. Blokksitater får en fyllfarge fra den sekundære pillar. I mørk modus (med mindre fargevalget er eksplisitt satt til lyst), bytter underoverskrifter, pullquotes og deres ikoner til mørk modus pillar-farge, og blokksitater følger etter.
Atomelementer har ingen polstring. Når et atomelement er det første av sin type og etterfølges av et avsnitt, en påloggingsport, et annet atom eller lignende, får det følgende avsnittet spesiell avstand. Det samme gjelder etter en horisontal linje som ikke er den siste, eller etter en annonseplassbeholder etterfulgt av et avsnitt.Teksten du har oppgitt er CSS-kode, ikke prosa, så det finnes ingen naturlig engelsk versjon å produsere. Hvis du vil, kan jeg forklare hva denne CSS-en gjør på vanlig engelsk.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 skrive om.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-wrapperens standfirst har en liten venstre forskyvning. I artikkeltoppteksten får label-div-ene litt toppolstring. Overskriften h1 er satt til semibold, med en maks bredde på 620px og en skriftstørrelse på 32px. På bredere skjermer (minst 71.25em) blir maks bredde 540px og skriftstørrelsen øker til 50px. Ved 46.25em og over har keyline-4- og lines-elementene ingen høyremargin, og ved 61.25em og over er de skjult. Deres SVG-er bruker topptekstkantfargen for streker. Meta-seksjonen mister også sin høyremargin ved 46.25em og over. Social- og comment-elementene i meta bruker topptekstkantfargen for sine kanter, og enhver gu-island inne i meta-beholderen er skjult. Standfirst forskyves 10px til venstre med matchende polstring, og får 2px toppolstring ved 46.25em og over. Avsnittene er normal vekt, 20px, med 14px bunnpolstring. Hovedmedieområdet er relativt posisjonert, uten toppmarg og med 2px bunnmarg, plassert i portrettrutenettområdet. Dets indre div-er tar full bredde uten innebygde marger. Ved 61.25em og over fjernes bunnmargen. På skjermer opp til 46.24em spenner den over full visningsportbredde minus eventuell rullefelt og forskyves 10px til venstre; mellom 30em og 46.24em blir den venstre forskyvningen 20px. Figcaptions er absolutt posisjonert nederst, med polstring og en bakgrunns- og tekstfarge fra CSS-variabler, ingen maks bredde, ingen bunnmarg og en minimumshøyde på 46px. Spans inni bruker topptekstkantfargen, og SVG-er inni disse span-ene fylles med den. Den første span-en er skjult, mens den andre vises med en maks bredde på 90%. Ved 30em og over øker figcaption-polstringen. En skjult figcaption har null opasitet. Tekstknappen er et blokknivå, absolutt posisjonert element nederst til høyre, med en sirkulær bakgrunn, ingen kant og litt polstring. SVG-en er skalert litt ned. Ved 30em og over forskyves den litt mer til høyre. På bredere skjermer får den interaktive hovedkolonnen et pseudo-element med en spesifikk toppforskyvning og høyde. Overskrifter inne i den interaktive hovedkolonnen har en maks bredde på 620px. I mørk modus (når den ikke er eksplisitt satt til lys), redefineres flere CSS-variabler for følg tekst, følg ikonfyll, standfirst-tekst, standfirst-lenktekst og -kant, og byline-farge. Roten definerer også en ny pillar-fargevariabel som faller tilbake til mørk modus pillar.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ørste, listeelement lenke hover, møbelinnpakning standfirst lenke hover, og møbelinnpakning standfirst listeelement lenke hover: fjern bunnkant og sett tekstdekorasjonsfarge til den nye pillar-fargen eller mørk modus-funksjonen.
Møbelinnpakning standfirst-avsnitt, standfirst-avsnitt, og standfirst data-attributt-avsnitt: sett farge til #dcdcdc.
Ved minimumsbredde 61.25em: det første avsnittet i møbelinnpakning 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.
Møbelinnpakning standfirst-listeelementer, standfirst-listeelementer, og standfirst data-attributt-listeelementer: sett farge til #dcdcdc.
Ved minimumsbredde 71.25em: before-pseudo-elementet til møbelinnpakning standfirst, standfirst, og standfirst data-attributt får en bakgrunnsfarge på header border-farge.
Ved minimumsbredde 46.25em: møbelinnpakningens before-pseudo-element 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 visningsportbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på 2. Møbelinnpakningens after-pseudo-element 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 visningsportbredde minus rullefeltbredde minus 738px delt på negativ 2, og bredde beregnet fra visningsportbredde minus rullefeltbredde minus 738px delt på 2.
Ved minimumsbredde 61.25em: møbelinnpakningens before-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på 2, og venstre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på negativ 2. Møbelinnpakningens after-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på 2, og høyre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 978px delt på negativ 2.
Ved minimumsbredde 71.25em: møbelinnpakningens before-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på 2, og venstre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på negativ 2. Møbelinnpakningens after-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på 2, og høyre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 1138px delt på negativ 2.
Ved minimumsbredde 81.25em: møbelinnpakningens before-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på 2, og venstre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på negativ 2. Møbelinnpakningens after-pseudo-element får innhold, bredde beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på 2, og høyre posisjon beregnet fra visningsportbredde minus rullefeltbredde minus 1298px delt på negativ 2.
Møbelinnpakning keyline-4 svg og lines data-attributt svg: sett strek til header border-farge.
Møbelinnpakning meta social, meta social listeelement lenke span, meta comment, meta data-attributt meta social, meta data-attributt meta social listeelement lenke span, og meta data-attributt meta comment: sett kantfarge til header border-farge.
Artikkeltekst h2 og interaktivt innhold h2: sett skriftvekt til 200. Hvis h2 inneholder strong, sett skriftvekt til 700.
Div med print layout hide-attributt ul: fjern bakgrunnsbilde.
Rot med rendering target apps-attributt: sett følg tekst til #dcdcdc, følg ikonfyll til ny pillar-farge, standfirst-tekst til #dcdcdc, standfirst-lenktekst til ny pillar-farge, standfirst-lenkekant til ny pillar-farge, byline til ny pillar-farge, artikkelmeta-linjer til header border-farge, og byline til mørk modus pillar.
Rot med rendering target apps-attributt byline span: sett farge til ny pillar-farge.
Rot 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-mediespørring.En varm, stille kveld i juni 2020 lå Ottos eldre mor, Doria, for døden i leiligheten sin i München. Hun lå med lukkede øyne, det bleke ansiktet omkranset av hvitt hår, rolig. Otto, iført maske, hansker og et sterilt forkle, døste i en stol ved siden av henne. Otto, som noen ganger kalles Rainer og hvis etternavn bare er kjent som «Z» på grunn av Tysklands strenge personvernlover, var en lege som hadde tatt seg av moren sin i årevis, helt siden hun fikk slag og flyttet inn hos ham. Han fortalte meg hva som skjedde den natten. Han våknet av lyden av de korte åndedragene hennes og prøvde å sette henne oppreist. Øynene hennes var lukket og leppene sammenpresset. Hun sluttet å puste. Otto rakk ut etter telefonen for å ringe etter hjelp, men da åpnet Doria øynene og stirret inn i hans. Hun smilte, tok ett siste dypt åndedrag, lukket øynene igjen og lå stille. Otto sank ned i stolen. Som lege hadde han sett døden mange ganger, men hans egen mors bortgang sendte ham i sjokk. Han følte seg frosset, mens han så vinduene glitre i det svinnende lyset. Han var 66, og broren og faren hadde dødd mange år tidligere. Han hadde ingen venner. Han hadde gitt all sin tid, energi og oppmerksomhet til å ta seg av moren sin, og nå som oppgaven hans plutselig var over, hadde han ingen å henvende seg til. Han sørget alene, med et improvisert ritual. Han tente stearinlys og plasserte metallplater i de fire hjørnene av sengen hennes. Han satt ved siden av henne og tenkte på sjelen hennes. Da ritualet var fullført, tok Otto opp telefonen og ringte et begravelsesbyrå. Han kjente prosedyren: som lege kunne han utstede sin egen mors dødsattest. Etter at han la på, ventet Otto. Det var det siste rolige øyeblikket han skulle oppleve på mange måneder. Etter at han ringte begravelsesbyrået, fortalte Otto meg, ventet han ved siden av moren sin hele natten og inn i neste ettermiddag før han hørte en banke på døren. Han ble overrasket over å se at det i stedet for leger var to menn i gangen som var politibetjenter. De hadde skuddsikre vester og bar våpen. Han inviterte dem inn, hvor de skannet rommene. Han viste dem til morens soverom og fulgte tett etter, men betjentene stoppet ham og ba ham sette seg. Mens betjentene inspiserte morens kropp, satt Otto på kontoret sitt. Førtifem minutter gikk, og så hørte han noen andre komme inn i leiligheten uten å banke på. En høy, stilig kvinne nærmet seg og presenterte seg som en rettsmedisiner fra Münchens institutt for rettsmedisin, og gikk deretter bort til soverommet.
