@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) {Η κύρια στήλη περιεχομένου για διαδραστικά άρθρα έχει αριστερό περίγραμμα 1px solid #dcdcdc, τοποθετημένο στα -10px με z-index -1. Σε οθόνες πλάτους τουλάχιστον 81.25em, αυτό το περίγραμμα μετατοπίζεται στα -11px. Τα στοιχεία Atom μέσα σε αυτή τη στήλη δεν έχουν επάνω ή κάτω περιθώριο, αλλά 12px padding και πάνω και κάτω. Όταν μια παράγραφος ακολουθείται από ένα στοιχείο atom, το padding αφαιρείται και αντικαθίσταται με περιθώρια 12px πάνω και κάτω. Τα inline στοιχεία έχουν μέγιστο πλάτος 620px, και σε οθόνες πλάτους τουλάχιστον 61.25em, τα inline figures επίσης έχουν μέγιστο πλάτος 620px.
Όταν το τμήμα media περιέχει ένα looping figure, το figcaption (εκτός αν είναι κρυφό) παίρνει z-index 6. Το κουμπί video loop ευθυγραμμίζεται στο κάτω μέρος με 40px κάτω περιθώριο και 3px δεξί περιθώριο. Τα containers ελέγχου mute και unmute βρίσκονται στη δεξιά άκρη με 10px αριστερό padding. Το κουμπί caption παίρνει z-index 100, και σε οθόνες πλάτους τουλάχιστον 61.25em, βρίσκεται 20px από το κάτω μέρος. Σε οθόνες πλάτους τουλάχιστον 46.25em, τα containers cinemagraph δεν έχουν περιορισμό μέγιστου ύψους.
Τα self-hosted video islands στο σώμα έχουν πλήρες πλάτος έως 620px, εμφανίζονται ως block, και έχουν περιθώρια 12px πάνω και κάτω. Τα looping figures και videos τους έχουν πλήρες πλάτος, αυτόματο ύψος, μέγιστο πλάτος 620px, και είναι κεντραρισμένα. Όταν το looping figure είναι ένα στοιχείο immersive video, το island επεκτείνεται σε πλήρες πλάτος με κατακόρυφα περιθώρια 12px, και το figure και το video χάνουν το μέγιστο πλάτος και το κεντράρισμά τους. Σε οθόνες πλάτους τουλάχιστον 71.25em, το immersive island γίνεται 1140px πλάτος και μετατοπίζεται αριστερά κατά 180px, με τα figcaptions να παίρνουν αριστερό περιθώριο 20px. Σε οθόνες πλάτους τουλάχιστον 81.25em, γίνεται 1300px πλάτος και μετατοπίζεται αριστερά κατά 260px.
Το root ορίζει αρκετές προσαρμοσμένες ιδιότητες: χρώμα dateline #606060, περίγραμμα header #dcdcdc, κείμενο caption #999, φόντο caption hsla(0, 0%, 7%, .72), χρώμα feature #c70000, και ένα νέο χρώμα pillar που καταλήγει στο κύριο χρώμα pillar ή στο χρώμα feature. Το κείμενο υποεπικεφαλίδας, το κείμενο pullquote, και τα εικονίδια pullquote χρησιμοποιούν το δευτερεύον χρώμα pillar, ενώ το κείμενο block quote χρησιμοποιεί το χρώμα κειμένου άρθρου. Τα block quotes παίρνουν χρώμα γεμίσματος από το δευτερεύον pillar. Σε dark mode (εκτός αν το color scheme έχει οριστεί ρητά σε light), οι υποεπικεφαλίδες, τα pullquotes, και τα εικονίδιά τους αλλάζουν στο χρώμα pillar του dark mode, και τα block quotes ακολουθούν.
Τα στοιχεία Atom δεν έχουν padding. Όταν ένα στοιχείο atom είναι το πρώτο του τύπου του και ακολουθείται από μια παράγραφο, sign-in gate, άλλο atom, ή παρόμοιο, η επόμενη παράγραφος παίρνει ειδικό spacing. Το ίδιο ισχύει μετά από έναν οριζόντιο κανόνα που δεν είναι ο τελευταίος, ή μετά από ένα container ad slot που ακολουθείται από παράγραφο.Το κείμενο που παρέχετε είναι κώδικας CSS, όχι πεζός λόγος, επομένως δεν υπάρχει φυσική αγγλική έκδοση για παραγωγή. Αν θέλετε, μπορώ να εξηγήσω τι κάνει αυτό το CSS σε απλά αγγλικά.Δεν μπορώ να το ξαναγράψω ως άπταιστα αγγλικά—είναι κώδικας CSS, όχι πεζός λόγος. Αν θέλετε, μπορώ να εξηγήσω τι κάνουν τα styles σε απλά αγγλικά, ή μπορείτε να μοιραστείτε το πραγματικό κείμενο που θέλετε να ξαναγραφτεί.Αυτός ο κώδικας CSS ορίζει μια responsive διάταξη για κεφαλίδες άρθρων, headlines, metadata, standfirsts, και portraits. Χρησιμοποιεί CSS Grid για να τακτοποιήσει αυτά τα στοιχεία σε διαφορετικά μεγέθη οθόνης, με breakpoints στα 61.25em, 71.25em, και 81.25em. Η διάταξη προσαρμόζει δομές στηλών και σειρών, προσθέτει περιγράμματα, και διαμορφώνει links και figures για να διασφαλίσει ότι το περιεχόμενο εμφανίζεται σωστά σε διάφορες συσκευές.Το standfirst του furniture wrapper έχει μια μικρή αριστερή μετατόπιση. Στην κεφαλίδα άρθρου, τα divs label παίρνουν λίγο επάνω padding. Το headline h1 είναι ρυθμισμένο σε semibold, με μέγιστο πλάτος 620px και μέγεθος γραμματοσειράς 32px. Σε ευρύτερες οθόνες (τουλάχιστον 71.25em), το μέγιστο πλάτος γίνεται 540px και το μέγεθος γραμματοσειράς αυξάνεται σε 50px. Στα 46.25em και άνω, τα στοιχεία keyline-4 και lines δεν έχουν δεξί περιθώριο, και στα 61.25em και άνω είναι κρυφά. Τα SVGs τους χρησιμοποιούν το χρώμα περιγράμματος header για strokes. Το τμήμα meta επίσης χάνει το δεξί περιθώριό του στα 46.25em και άνω. Τα στοιχεία social και comment μέσα στο meta χρησιμοποιούν το χρώμα περιγράμματος header για τα περιγράμματά τους, και οποιοδήποτε gu-island μέσα στο container meta είναι κρυφό. Το standfirst μετατοπίζεται αριστερά κατά 10px με αντίστοιχο padding, και παίρνει 2px επάνω padding στα 46.25em και άνω. Οι παράγραφοί του έχουν κανονικό βάρος, 20px, με 14px κάτω padding. Η περιοχή κύριων media είναι τοποθετημένη σχετικά, χωρίς επάνω περιθώριο και με 2px κάτω περιθώριο, τοποθετημένη στην περιοχή πλέγματος portrait. Τα εσωτερικά divs της παίρνουν πλήρες πλάτος χωρίς inline περιθώρια. Στα 61.25em και άνω, το κάτω περιθώριο αφαιρείται. Σε οθόνες έως 46.24em, εκτείνεται σε πλήρες πλάτος viewport μείον οποιαδήποτε scrollbar και μετατοπίζεται αριστερά κατά 10px· μεταξύ 30em και 46.24em, αυτή η αριστερή μετατόπιση γίνεται 20px. Τα Figcaptions είναι τοποθετημένα απολύτως στο κάτω μέρος, με padding και χρώμα φόντου και κειμένου από μεταβλητές CSS, χωρίς μέγιστο πλάτος, χωρίς κάτω περιθώριο, και με ελάχιστο ύψος 46px. Τα spans μέσα χρησιμοποιούν το χρώμα περιγράμματος header, και τα SVGs μέσα σε αυτά τα spans γεμίζονται με αυτό. Το πρώτο span είναι κρυφό, ενώ το δεύτερο εμφανίζεται με μέγιστο πλάτος 90%. Στα 30em και άνω, το padding του figcaption αυξάνεται. Ένα κρυφό figcaption έχει μηδενική αδιαφάνεια. Το κουμπί caption είναι στοιχείο block-level, τοποθετημένο απολύτως στο κάτω δεξιά, με κυκλικό φόντο, χωρίς περίγραμμα, και λίγο padding. Το SVG του είναι ελαφρώς σμικρυσμένο. Στα 30em και άνω, μετατοπίζεται λίγο περισσότερο δεξιά. Σε ευρύτερες οθόνες, η διαδραστική κύρια στήλη παίρνει ένα pseudo-element με συγκεκριμένη επάνω μετατόπιση και ύψος. Οι επικεφαλίδες μέσα στη διαδραστική κύρια στήλη έχουν μέγιστο πλάτος 620px. Σε dark mode (όταν δεν έχει οριστεί ρητά σε light), αρκετές μεταβλητές CSS επαναπροσδιορίζονται για follow text, follow icon fill, standfirst text, standfirst link text and border, και byline color. Το root επίσης ορίζει μια νέα μεταβλητή χρώματος pillar που καταλήγει στο pillar του dark mode.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 #standfFirst, list item link hover, furniture wrapper standfirst link hover, and furniture wrapper standfirst list item link hover: remove bottom border and set text decoration color to the new pillar color or dark mode feature.
Furniture wrapper standfirst paragraphs, standfirst paragraphs, and standfirst data attribute paragraphs: set color to #dcdcdc.
At minimum width 61.25em: the first paragraph in furniture wrapper standfirst, standfirst, and standfirst data attribute gets a top border of 1px solid header border color.
At minimum width 71.25em: the first paragraph in those same standfirst elements has no top border.
Furniture wrapper standfirst list items, standfirst list items, and standfirst data attribute list items: set color to #dcdcdc.
At minimum width 71.25em: the before pseudo-element of furniture wrapper standfirst, standfirst, and standfirst data attribute gets a background color of header border color.
At minimum width 46.25em: the furniture wrapper before pseudo-element gets content, full height, top 0, absolute position, dark background color, right border of 1px solid header border color, left position calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2. The furniture wrapper after pseudo-element gets content, full height, top 0, absolute position, dark background color, left border of 1px solid header border color, right position calculated from viewport width minus scrollbar width minus 738px divided by negative 2, and width calculated from viewport width minus scrollbar width minus 738px divided by 2.
At minimum width 61.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and left position calculated from viewport width minus scrollbar width minus 978px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 978px divided by 2, and right position calculated from viewport width minus scrollbar width minus 978px divided by negative 2.
At minimum width 71.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and left position calculated from viewport width minus scrollbar width minus 1138px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1138px divided by 2, and right position calculated from viewport width minus scrollbar width minus 1138px divided by negative 2.
At minimum width 81.25em: the furniture wrapper before pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and left position calculated from viewport width minus scrollbar width minus 1298px divided by negative 2. The furniture wrapper after pseudo-element gets content, width calculated from viewport width minus scrollbar width minus 1298px divided by 2, and right position calculated from viewport width minus scrollbar width minus 1298px divided by negative 2.
Furniture wrapper keyline-4 svg and lines data attribute svg: set stroke to header border color.
Furniture wrapper meta social, meta social list item link span, meta comment, meta data attribute meta social, meta data attribute meta social list item link span, and meta data attribute meta comment: set border color to header border color.
Article body h2 and interactive content body h2: set font weight to 200. If the h2 contains strong, set font weight to 700.
Div with print layout hide attribute ul: remove background image.
Root with rendering target apps attribute: set follow text to #dcdcdc, follow icon fill to new pillar color, standfirst text to #dcdcdc, standfirst link text to new pillar color, standfirst link border to new pillar color, byline to new pillar color, article meta lines to header border color, and byline to dark mode pillar.
Root with rendering target apps attribute byline span: set color to new pillar color.
Root with rendering target apps attribute byline span div that has a following FollowWapper element: set background image to header border color, header border color 1px, and transparent 1px.
At prefers color scheme media query.Ένα ζεστό, ήσυχο βράδυ τον Ιούνιο του 2020, η ηλικιωμένη μητέρα του Otto, η Doria, πέθαινε στο διαμέρισμά της στο Μόναχο. Ήταν ξαπλωμένη με τα μάτια κλειστά, το χλωμό πρόσωπό της πλαισιωμένο από λευκά μαλλιά, ήρεμη. Ο Otto, φορώντας μάσκα, γάντια και αποστειρωμένη ποδιά, είχε αποκοιμηθεί σε μια καρέκλα δίπλα της. Ο Otto, που μερικές φορές χρησιμοποιεί το όνομα Rainer και του οποίου το επώνυμο είναι γνωστό μόνο ως "Z" λόγω των αυστηρών νόμων περί απορρήτου της Γερμανίας, ήταν γιατρός που φρόντιζε τη μητέρα του για χρόνια, από τότε που υπέστη εγκεφαλικό και μετακόμισε μαζί του. Μου διηγήθηκε τι συνέβη εκείνο το βράδυ. Ξύπνησε από τον ήχο της κοφτής ανάσας της και προσπάθησε να την καθίσει όρθια. Τα μάτια της ήταν κλειστά και τα χείλη της σφιγμένα. Σταμάτησε να αναπνέει. Ο Otto άπλωσε το χέρι του για το τηλέφωνό του να καλέσει βοήθεια, αλλά τότε η Doria άνοιξε τα μάτια της και τον κοίταξε επίμονα. Χαμογέλασε, πήρε μια τελευταία βαθιά ανάσα, έκλεισε ξανά τα μάτια της και έμεινε ακίνητη. Ο Otto βυθίστηκε στην καρέκλα του. Ως γιατρός, είχε δει τον θάνατο πολλές φορές, αλλά ο θάνατος της ίδιας του της μητέρας τον συγκλόνισε. Ένιωθε παγωμένος, κοιτάζοντας τα παράθυρα να γυαλίζουν στο φθίνον φως. Ήταν 66 ετών, και ο αδελφός και ο πατέρας του είχαν πεθάνει χρόνια
