@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) {Coloana principală de conținut pentru articolele interactive are o bordură stângă de 1px solid #dcdcdc, poziționată la -10px cu un z-index de -1. Pe ecranele de cel puțin 81.25em lățime, această bordură se deplasează la -11px. Elementele Atom din această coloană nu au margini sus sau jos, dar au 12px de padding atât sus, cât și jos. Când un paragraf este urmat de un element atom, paddingul este eliminat și înlocuit cu margini de 12px sus și jos. Elementele inline sunt limitate la 620px lățime, iar pe ecranele de cel puțin 61.25em lățime, figurile inline au, de asemenea, maximum 620px.
Când secțiunea media conține o figură cu buclă, figcaption-ul (dacă nu este ascuns) primește un z-index de 6. Butonul de buclă video se aliniază la partea de jos cu o margine inferioară de 40px și o margine dreaptă de 3px. Containerele de control pentru mut și unmute se află la marginea dreaptă cu 10px de padding stânga. Butonul de subtitrare primește un z-index de 100, iar pe ecranele de cel puțin 61.25em lățime, se află la 20px de partea de jos. Pe ecranele de cel puțin 46.25em lățime, containerele cinemagraph nu au restricție de înălțime maximă.
Insulele video auto-găzduite din corp au lățime completă până la 620px, se afișează ca block și au margini de 12px sus și jos. Figurile lor cu buclă și videoclipurile au lățime completă, înălțime automată, limitate la 620px și centrate. Când figura cu buclă este un element video imersiv, insula se extinde la lățime completă cu margini verticale de 12px, iar figura și videoclipul își pierd lățimea maximă și centrarea. Pe ecranele de cel puțin 71.25em lățime, insula imersivă devine 1140px lățime și se deplasează la stânga cu 180px, iar figcaption-urile primesc o margine stângă de 20px. Pe ecranele de cel puțin 81.25em lățime, devine 1300px lățime și se deplasează la stânga cu 260px.
Root-ul definește mai multe proprietăți personalizate: culoarea dateline #606060, bordura header-ului #dcdcdc, textul caption-ului #999, fundalul caption-ului hsla(0, 0%, 7%, .72), culoarea feature #c70000 și o culoare nouă de pilon care revine la culoarea primară de pilon sau feature. Textul subtitlurilor, textul pullquote și iconițele pullquote folosesc culoarea secundară de pilon, în timp ce textul block quote folosește culoarea textului articolului. Block quote-urile primesc o culoare de umplere de la pilonul secundar. În modul întunecat (cu excepția cazului în care schema de culori este setată explicit la luminos), subtitlurile, pullquote-urile și iconițele lor trec la culoarea pilonului din modul întunecat, iar block quote-urile fac la fel.
Elementele Atom nu au padding. Când un element atom este primul de tipul său și este urmat de un paragraf, sign-in gate, alt atom sau similar, paragraful următor primește spațiere specială. Același lucru se aplică după o linie orizontală care nu este ultima, sau după un container de ad slot urmat de un paragraf.Textul pe care l-ai furnizat este cod CSS, nu proză, deci nu există o versiune naturală în engleză de produs. Dacă dorești, îți pot explica ce face acest CSS în engleză simplă.Nu pot rescrie asta ca engleză fluentă—este cod CSS, nu proză. Dacă dorești, îți pot explica ce fac stilurile în engleză simplă, sau poți partaja textul real pe care vrei să-l rescrii.Acest cod CSS definește un layout responsive pentru anteturile articolelor, titluri, metadate, standfirsts și portrete. Folosește CSS Grid pentru a aranja aceste elemente pe diferite dimensiuni de ecran, cu breakpoints la 61.25em, 71.25em și 81.25em. Layout-ul ajustează structurile de coloane și rânduri, adaugă borduri și stilizează linkurile și figurile pentru a asigura afișarea corectă a conținutului pe diverse dispozitive.Standfirst-ul wrapper-ului furniture are un mic offset la stânga. În antetul articolului, div-urile label primesc puțin padding sus. Titlul h1 este setat la semibold, cu o lățime maximă de 620px și o dimensiune a fontului de 32px. Pe ecrane mai late (cel puțin 71.25em), lățimea maximă devine 540px și dimensiunea fontului crește la 50px. La 46.25em și peste, elementele keyline-4 și lines nu au margine dreaptă, iar la 61.25em și peste sunt ascunse. SVG-urile lor folosesc culoarea bordurii header-ului pentru contururi. Secțiunea meta își pierde, de asemenea, marginea dreaptă la 46.25em și peste. Elementele social și comment din meta folosesc culoarea bordurii header-ului pentru bordurile lor, iar orice gu-island din containerul meta este ascuns. Standfirst-ul este deplasat la stânga cu 10px cu padding corespunzător și primește 2px de padding sus la 46.25em și peste. Paragrafele sale au greutate regular, 20px, cu 14px padding jos. Zona media principală este poziționată relativ, fără margine sus și cu o margine jos de 2px, plasată în zona gridului portrait. Div-urile sale interioare ocupă lățimea completă fără margini inline. La 61.25em și peste, marginea de jos este eliminată. Pe ecranele până la 46.24em, se întinde pe lățimea completă a viewport-ului minus orice scrollbar și se deplasează la stânga cu 10px; între 30em și 46.24em, acea deplasare la stânga devine 20px. Figcaption-urile sunt poziționate absolut la partea de jos, cu padding și un fundal și culoare a textului din variabilele CSS, fără lățime maximă, fără margine jos și cu o înălțime minimă de 46px. Span-urile din interior folosesc culoarea bordurii header-ului, iar SVG-urile din acele span-uri sunt umplute cu ea. Primul span este ascuns, în timp ce al doilea este afișat cu o lățime maximă de 90%. La 30em și peste, paddingul figcaption-ului crește. Un figcaption ascuns are opacitate zero. Butonul de caption este un element la nivel de block, poziționat absolut în dreapta jos, cu un fundal circular, fără bordură și puțin padding. SVG-ul său este scalat puțin în jos. La 30em și peste, se deplasează puțin mai mult la dreapta. Pe ecrane mai late, coloana principală interactivă primește un pseudo-element cu un offset superior specific și înălțime. Titlurile din coloana principală interactivă au o lățime maximă de 620px. În modul întunecat (când nu este setat explicit la luminos), mai multe variabile CSS sunt redefinite pentru textul follow, umplerea iconiței follow, textul standfirst, textul și bordura linkului standfirst și culoarea byline. Root-ul definește, de asemenea, o variabilă nouă de culoare a pilonului care revine la pilonul din modul întunecat.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 #standfPrimul, link de element de listă la hover, link standfirst la hover în wrapper-ul furniture și link de element de listă standfirst la hover în wrapper-ul furniture: elimină bordura de jos și setează culoarea decorației textului la noua culoare de pilon sau feature din modul întunecat.
Paragrafele standfirst din wrapper-ul furniture, paragrafele standfirst și paragrafele cu atribut de date standfirst: setează culoarea la #dcdcdc.
La lățimea minimă de 61.25em: primul paragraf din standfirst-ul wrapper-ului furniture, standfirst și atributul de date standfirst primește o bordură sus de 1px solid culoarea bordurii header-ului.
La lățimea minimă de 71.25em: primul paragraf din aceleași elemente standfirst nu are bordură sus.
Elementele de listă standfirst din wrapper-ul furniture, elementele de listă standfirst și elementele de listă cu atribut de date standfirst: setează culoarea la #dcdcdc.
La lățimea minimă de 71.25em: pseudo-elementul before al standfirst-ului wrapper-ului furniture, standfirst și atributul de date standfirst primește o culoare de fundal a bordurii header-ului.
La lățimea minimă de 46.25em: pseudo-elementul before al wrapper-ului furniture primește content, înălțime completă, top 0, poziție absolută, culoare de fundal întunecată, bordură dreaptă de 1px solid culoarea bordurii header-ului, poziție stânga calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la negativ 2 și lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la 2. Pseudo-elementul after al wrapper-ului furniture primește content, înălțime completă, top 0, poziție absolută, culoare de fundal întunecată, bordură stângă de 1px solid culoarea bordurii header-ului, poziție dreapta calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la negativ 2 și lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 738px împărțit la 2.
La lățimea minimă de 61.25em: pseudo-elementul before al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la 2 și poziție stânga calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la 2 și poziție dreapta calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 978px împărțit la negativ 2.
La lățimea minimă de 71.25em: pseudo-elementul before al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la 2 și poziție stânga calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la 2 și poziție dreapta calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1138px împărțit la negativ 2.
La lățimea minimă de 81.25em: pseudo-elementul before al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la 2 și poziție stânga calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la negativ 2. Pseudo-elementul after al wrapper-ului furniture primește content, lățime calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la 2 și poziție dreapta calculată din lățimea viewport-ului minus lățimea scrollbar-ului minus 1298px împărțit la negativ 2.
SVG-ul keyline-4 din wrapper-ul furniture și SVG-ul cu atribut de date lines: setează stroke la culoarea bordurii header-ului.
Meta social din wrapper-ul furniture, span-ul linkului elementului de listă meta social, meta comment, meta cu atribut de date meta social, span-ul linkului elementului de listă meta social cu atribut de date meta și meta comment cu atribut de date meta: setează culoarea bordurii la culoarea bordurii header-ului.
H2 din corpul articolului și h2 din corpul conținutului interactiv: setează greutatea fontului la 200. Dacă h2 conține strong, setează greutatea fontului la 700.
Div cu atributul print layout hide ul: elimină imaginea de fundal.
Root cu atributul rendering target apps: setează follow text la #dcdcdc, follow icon fill la noua culoare de pilon, standfirst text la #dcdcdc, standfirst link text la noua culoare de pilon, standfirst link border la noua culoare de pilon, byline la noua culoare de pilon, article meta lines la culoarea bordurii header-ului și byline la pilonul din modul întunecat.
Root cu atributul rendering target apps byline span: setează culoarea la noua culoare de pilon.
Root cu atributul rendering target apps byline span div care are un element următor FollowWapper: setează imaginea de fundal la culoarea bordurii header-ului, culoarea bordurii header-ului 1px și transparent 1px.
La media query prefers color scheme.Într-o seară caldă și liniștită din iunie 2020, bătrâna mamă a lui Otto, Doria, murea în apartamentul ei din München. Zăcea cu ochii închiși, fața palidă încadrată de păr alb, calmă. Otto, purtând mască, mănuși și un șorț steril, moțăia într-un scaun lângă ea. Otto, care uneori se numește Rainer și al cărui nume de familie este cunoscut doar ca „Z” din cauza legilor stricte germane privind confidențialitatea, era un medic care o îngrijise pe mama sa ani de zile, de când aceasta suferise un accident vascular cerebral și se mutase la el. Mi-a povestit ce s-a întâmplat în acea noapte. S-a trezit la sunetul respirațiilor ei scurte și a încercat să o așeze în poziție verticală. Avea ochii închiși și buzele strânse. S-a oprit din respirat. Otto a întins mâna după telefon ca să ceară ajutor, dar
