@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) {La colonne de contenu principale pour les articles interactifs a une bordure gauche de 1px solid #dcdcdc, positionnée à -10px avec un z-index de -1. Sur les écrans d'au moins 81,25em de large, cette bordure se décale à -11px. Les éléments Atom dans cette colonne n'ont pas de marge supérieure ou inférieure, mais 12px de padding en haut et en bas. Lorsqu'un paragraphe est suivi d'un élément atom, le padding est supprimé et remplacé par des marges de 12px en haut et en bas. Les éléments inline sont limités à 620px de large, et sur les écrans d'au moins 61,25em de large, les figures inline sont également limitées à 620px.
Lorsque la section média contient une figure en boucle, la figcaption (sauf si masquée) obtient un z-index de 6. Le bouton de boucle vidéo s'aligne en bas avec une marge inférieure de 40px et une marge droite de 3px. Les conteneurs de contrôle muet et non muet se trouvent au bord droit avec 10px de padding gauche. Le bouton de légende obtient un z-index de 100, et sur les écrans d'au moins 61,25em de large, il se trouve à 20px du bas. Sur les écrans d'au moins 46,25em de large, les conteneurs cinemagraph n'ont pas de restriction de hauteur maximale.
Les îlots vidéo auto-hébergés dans le corps ont une largeur complète jusqu'à 620px, s'affichent comme block, et ont des marges supérieure et inférieure de 12px. Leurs figures en boucle et vidéos sont pleine largeur, hauteur automatique, limitées à 620px, et centrées. Lorsque la figure en boucle est un élément vidéo immersif, l'îlot s'étend à pleine largeur avec des marges verticales de 12px, et la figure et la vidéo perdent leur largeur maximale et leur centrage. Sur les écrans d'au moins 71,25em de large, l'îlot immersif devient 1140px de large et se décale à gauche de 180px, avec les figcaptions obtenant une marge gauche de 20px. Sur les écrans d'au moins 81,25em de large, il devient 1300px de large et se décale à gauche de 260px.
La racine définit plusieurs propriétés personnalisées : couleur de dateline #606060, bordure d'en-tête #dcdcdc, texte de légende #999, arrière-plan de légende hsla(0, 0%, 7%, .72), couleur de feature #c70000, et une nouvelle couleur de pilier qui se rabat sur la couleur de pilier primaire ou de feature. Le texte de sous-titre, le texte de pullquote, et les icônes de pullquote utilisent la couleur de pilier secondaire, tandis que le texte de citation de bloc utilise la couleur de texte de l'article. Les citations de bloc obtiennent une couleur de remplissage à partir du pilier secondaire. En mode sombre (sauf si le schéma de couleurs est explicitement défini sur clair), les sous-titres, les pullquotes, et leurs icônes passent à la couleur de pilier du mode sombre, et les citations de bloc suivent.
Les éléments Atom n'ont pas de padding. Lorsqu'un élément atom est le premier de son type et est suivi d'un paragraphe, d'une porte de connexion, d'un autre atom, ou similaire, le paragraphe suivant obtient un espacement spécial. Il en va de même après une règle horizontale qui n'est pas la dernière, ou après un conteneur d'emplacement publicitaire suivi d'un paragraphe.Le texte que vous avez fourni est du code CSS, pas de la prose, donc il n'y a pas de version anglaise naturelle à produire. Si vous le souhaitez, je peux expliquer ce que ce CSS fait en anglais simple.Je ne peux pas réécrire cela en anglais fluide—c'est du code CSS, pas de la prose. Si vous le souhaitez, je peux expliquer ce que les styles font en anglais simple, ou vous pouvez partager le texte réel que vous voulez réécrire.Ce code CSS définit une mise en page responsive pour les en-têtes d'articles, les titres, les métadonnées, les standfirsts, et les portraits. Il utilise CSS Grid pour organiser ces éléments à travers différentes tailles d'écran, avec des points de rupture à 61,25em, 71,25em, et 81,25em. La mise en page ajuste les structures de colonnes et de lignes, ajoute des bordures, et stylise les liens et les figures pour garantir que le contenu s'affiche correctement sur divers appareils.Le standfirst du wrapper furniture a un petit décalage à gauche. Dans l'en-tête de l'article, les divs label obtiennent un peu de padding supérieur. Le titre h1 est défini en semibold, avec une largeur maximale de 620px et une taille de police de 32px. Sur les écrans plus larges (au moins 71,25em), la largeur maximale devient 540px et la taille de police augmente à 50px. À 46,25em et au-dessus, les éléments keyline-4 et lines n'ont pas de marge droite, et à 61,25em et au-dessus ils sont masqués. Leurs SVG utilisent la couleur de bordure d'en-tête pour les traits. La section meta perd également sa marge droite à 46,25em et au-dessus. Les éléments social et comment dans meta utilisent la couleur de bordure d'en-tête pour leurs bordures, et tout gu-island à l'intérieur du conteneur meta est masqué. Le standfirst est décalé à gauche de 10px avec un padding correspondant, et obtient 2px de padding supérieur à 46,25em et au-dessus. Ses paragraphes sont en graisse regular, 20px, avec 14px de padding inférieur. La zone média principale est positionnée relativement, sans marge supérieure et avec une marge inférieure de 2px, placée dans la zone de grille portrait. Ses divs internes prennent toute la largeur sans marges inline. À 61,25em et au-dessus, la marge inférieure est supprimée. Sur les écrans jusqu'à 46,24em, il s'étend sur toute la largeur du viewport moins toute barre de défilement et se décale à gauche de 10px ; entre 30em et 46,24em, ce décalage à gauche devient 20px. Les figcaptions sont positionnées absolument en bas, avec padding et une couleur d'arrière-plan et de texte provenant de variables CSS, pas de largeur maximale, pas de marge inférieure, et une hauteur minimale de 46px. Les spans à l'intérieur utilisent la couleur de bordure d'en-tête, et les SVG à l'intérieur de ces spans sont remplis avec. Le premier span est masqué, tandis que le second est affiché avec une largeur maximale de 90%. À 30em et au-dessus, le padding de la figcaption augmente. Une figcaption masquée a une opacité nulle. Le bouton de légende est un élément de niveau block, positionné absolument en bas à droite, avec un arrière-plan circulaire, pas de bordure, et un peu de padding. Son SVG est légèrement réduit. À 30em et au-dessus, il se décale un peu plus à droite. Sur les écrans plus larges, la colonne principale interactive obtient un pseudo-élément avec un décalage supérieur spécifique et une hauteur. Les titres à l'intérieur de la colonne principale interactive ont une largeur maximale de 620px. En mode sombre (lorsqu'il n'est pas explicitement défini sur clair), plusieurs variables CSS sont redéfinies pour le texte de suivi, le remplissage d'icône de suivi, le texte de standfirst, le texte et la bordure de lien de standfirst, et la couleur de byline. La racine définit également une variable de couleur de nouveau pilier qui se rabat sur le pilier du mode sombre.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 #standfPremier, lien d'élément de liste survolé, lien de standfirst du wrapper furniture survolé, et lien d'élément de liste de standfirst du wrapper furniture survolé : supprimer la bordure inférieure et définir la couleur de décoration du texte sur la nouvelle couleur de pilier ou la fonctionnalité du mode sombre.
Paragraphes de standfirst du wrapper furniture, paragraphes de standfirst, et paragraphes d'attribut de données de standfirst : définir la couleur sur #dcdcdc.
À une largeur minimale de 61,25em : le premier paragraphe dans le standfirst du wrapper furniture, le standfirst, et l'attribut de données de standfirst obtient une bordure supérieure de 1px solid de la couleur de bordure d'en-tête.
À une largeur minimale de 71,25em : le premier paragraphe dans ces mêmes éléments de standfirst n'a pas de bordure supérieure.
Éléments de liste de standfirst du wrapper furniture, éléments de liste de standfirst, et éléments de liste d'attribut de données de standfirst : définir la couleur sur #dcdcdc.
À une largeur minimale de 71,25em : le pseudo-élément before du standfirst du wrapper furniture, du standfirst, et de l'attribut de données de standfirst obtient une couleur d'arrière-plan de la couleur de bordure d'en-tête.
À une largeur minimale de 46,25em : le pseudo-élément before du wrapper furniture obtient un contenu, une hauteur complète, top 0, une position absolue, une couleur d'arrière-plan sombre, une bordure droite de 1px solid de la couleur de bordure d'en-tête, une position gauche calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par négatif 2, et une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par 2. Le pseudo-élément after du wrapper furniture obtient un contenu, une hauteur complète, top 0, une position absolue, une couleur d'arrière-plan sombre, une bordure gauche de 1px solid de la couleur de bordure d'en-tête, une position droite calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par négatif 2, et une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 738px divisé par 2.
À une largeur minimale de 61,25em : le pseudo-élément before du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par 2, et une position gauche calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par négatif 2. Le pseudo-élément after du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par 2, et une position droite calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 978px divisé par négatif 2.
À une largeur minimale de 71,25em : le pseudo-élément before du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par 2, et une position gauche calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par négatif 2. Le pseudo-élément after du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par 2, et une position droite calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1138px divisé par négatif 2.
À une largeur minimale de 81,25em : le pseudo-élément before du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par 2, et une position gauche calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par négatif 2. Le pseudo-élément after du wrapper furniture obtient un contenu, une largeur calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par 2, et une position droite calculée à partir de la largeur du viewport moins la largeur de la barre de défilement moins 1298px divisé par négatif 2.
SVG keyline-4 du wrapper furniture et SVG d'attribut de données lines : définir le stroke sur la couleur de bordure d'en-tête.
Meta social du wrapper furniture, span de lien d'élément de liste meta social, meta comment, meta d'attribut de données meta social, span de lien d'élément de liste meta social d'attribut de données meta, et meta comment d'attribut de données meta : définir la couleur de bordure sur la couleur de bordure d'en-tête.
H2 du corps de l'article et h2 du corps de contenu interactif : définir la graisse de police sur 200. Si le h2 contient strong, définir la graisse de police sur 700.
Div avec attribut print layout hide ul : supprimer l'image d'arrière-plan.
Racine avec attribut rendering target apps : définir follow text sur #dcdcdc, follow icon fill sur la nouvelle couleur de pilier, standfirst text sur #dcdcdc, standfirst link text sur la nouvelle couleur de pilier, standfirst link border sur la nouvelle couleur de pilier, byline sur la nouvelle couleur de pilier, article meta lines sur la couleur de bordure d'en-tête, et byline sur le pilier du mode sombre.
Racine avec attribut rendering target apps byline span : définir la couleur sur la nouvelle couleur de pilier.
Racine avec attribut rendering target apps byline span div qui a un élément FollowWapper suivant : définir l'image d'arrière-plan sur la couleur de bordure d'en-tête, la couleur de bordure d'en-tête 1px, et transparent 1px.
À la requête média prefers color scheme.Par un soir chaud et calme de juin 2020, la mère âgée d'Otto, Doria, se mourait dans son appartement de Munich. Elle gisait les yeux fermés, son visage pâle encadré de cheveux blancs, calme. Otto, portant un masque, des gants et un tablier stérile, somnolait dans un fauteuil à côté d'elle. Otto, qui se fait parfois appeler Rainer et dont le nom de famille n'est connu que sous le nom de « Z » en raison des strictes lois allemandes sur la vie privée, était un médecin qui avait pris soin de sa mère pendant des années, depuis qu'elle avait eu un accident vasculaire cérébral et était venue vivre avec lui. Il m'a raconté ce qui s'est passé cette nuit-là. Il s'est réveillé au son de ses respirations courtes et a essayé de l'asseoir droite. Ses yeux étaient fermés et ses lèvres pincées. Elle a arrêté de respirer. Otto a tendu la main vers son téléphone pour appeler à l'aide, mais alors Doria a ouvert les yeux et a fixé les siens. Elle a souri, a pris une dernière grande inspiration, a fermé les yeux à nouveau, et est restée immobile. Otto s'est affaissé dans son fauteuil. En tant que médecin, il avait vu la mort de nombreuses fois, mais le décès de sa propre mère l'a plongé en état de choc. Il se sentait figé, regardant les fenêtres scintiller dans la lumière déclinante. Il avait 66 ans, et son frère et son père étaient morts des années plus tôt. Il n'avait pas d'amis. Il avait donné tout son temps, son énergie et son attention à s'occuper de sa mère, et maintenant que sa tâche était soudainement terminée, il n'avait personne vers qui se tourner. Il a fait son deuil seul, avec un rituel improvisé. Il a allumé des bougies et placé des assiettes en métal aux quatre coins de son lit. Il s'est assis à côté d'elle et a pensé à son âme. Une fois le rite terminé, Otto a pris le téléphone et a appelé un funérarium. Il connaissait la procédure : en tant que médecin, il pouvait délivrer lui-même le certificat de décès de sa mère. Après avoir raccroché, Otto a attendu. Ce fut le dernier moment calme qu'il allait connaître pendant de nombreux mois. Après avoir appelé le funérarium
