@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 συμπαγές #dcdcdc, τοποθετημένο στα -10px με z-index -1. Σε οθόνες τουλάχιστον 81.25em πλάτους, αυτό το περίγραμμα μετατοπίζεται στα -11px. Τα στοιχεία Atom μέσα σε αυτή τη στήλη δεν έχουν επάνω ή κάτω περιθώριο, με 12px εσωτερική απόσταση πάνω και κάτω. Όταν μια παράγραφος ακολουθείται από ένα στοιχείο atom, η εσωτερική απόσταση αφαιρείται και αντικαθίσταται με 12px επάνω και κάτω περιθώρια. Τα ενσωματωμένα στοιχεία περιορίζονται σε 620px πλάτος, και σε οθόνες τουλάχιστον 61.25em πλάτους, οι ενσωματωμένες εικόνες επίσης περιορίζονται στα 620px.
Για στοιχεία πολυμέσων που περιέχουν μια επαναλαμβανόμενη εικόνα, η λεζάντα (εκτός αν είναι κρυμμένη) βρίσκεται στο z-index 6. Το κουμπί βίντεο loop ευθυγραμμίζεται κάτω δεξιά με 40px κάτω περιθώριο και 3px δεξί περιθώριο. Τα κοντέινερ ελέγχου σίγασης και κατάργησης σίγασης είναι τοποθετημένα στη δεξιά άκρη με 10px αριστερή εσωτερική απόσταση. Το κουμπί λεζάντας βρίσκεται στο z-index 100, και σε οθόνες τουλάχιστον 61.25em πλάτους, μετακινείται 20px από το κάτω μέρος. Σε οθόνες τουλάχιστον 46.25em πλάτους, τα κοντέινερ cinemagraph δεν έχουν μέγιστο ύψος.
Τα αυτο-φιλοξενούμενα νησιά βίντεο στο σώμα είναι πλήρους πλάτους, περιορισμένα στα 620px, εμφανίζονται ως blocks με 12px επάνω και κάτω περιθώρια. Οι επαναλαμβανόμενες εικόνες και τα βίντεό τους είναι πλήρους πλάτους, αυτόματου ύψους, περιορισμένα στα 620px και κεντραρισμένα. Όταν η επαναλαμβανόμενη εικόνα είναι ένα στοιχείο immersive βίντεο, το νησί επεκτείνεται σε πλήρες πλάτος με 12px κατακόρυφα περιθώρια, και η εικόνα και το βίντεο χάνουν το μέγιστο πλάτος και το κεντράρισμά τους. Σε οθόνες τουλάχιστον 71.25em πλάτους, το immersive νησί γίνεται 1140px πλάτος και μετατοπίζεται 180px προς τα αριστερά, με τις λεζάντες εικόνων να έχουν εσοχή 20px. Σε οθόνες τουλάχιστον 81.25em πλάτους, γίνεται 1300px πλάτος και μετατοπίζεται 260px προς τα αριστερά.
Η ρίζα ορίζει αρκετές προσαρμοσμένες ιδιότητες: χρώμα dateline #606060, περίγραμμα κεφαλίδας #dcdcdc, κείμενο λεζάντας #999, φόντο λεζάντας hsla(0, 0%, 7%, .72), χρώμα feature #c70000, και ένα νέο χρώμα pillar που καταλήγει στο κύριο χρώμα pillar ή στο χρώμα feature. Οι υποκεφαλίδες, τα pullquotes και τα εικονίδια pullquote χρησιμοποιούν το δευτερεύον χρώμα pillar, ενώ τα blockquotes χρησιμοποιούν το χρώμα κειμένου του άρθρου. Τα blockquotes επίσης παίρνουν χρώμα γεμίσματος από το δευτερεύον pillar. Σε σκοτεινή λειτουργία (εκτός αν το χρωματικό σχήμα έχει οριστεί ρητά σε φωτεινό), οι υποκεφαλίδες, τα pullquotes και τα εικονίδια pullquote αλλάζουν στο χρώμα pillar σκοτεινής λειτουργίας, και τα blockquotes χρησιμοποιούν το ίδιο για το γέμισμά τους.
Τα στοιχεία Atom δεν έχουν εσωτερική απόσταση. Όταν ένα στοιχείο atom είναι το πρώτο του τύπου του και ακολουθείται από μια παράγραφο, πύλη σύνδεσης, άλλο atom ή παρόμοιο, η επόμενη παράγραφος παίρνει ειδική απόσταση. Το ίδιο ισχύει για οριζόντιους κανόνες που δεν είναι ο τελευταίος, και για παραγράφους που ακολουθούν θέσεις διαφημίσεων. Αυτοί οι κανόνες ισχύουν επίσης μέσα στο κοντέινερ σώματος του άρθρου.Το κείμενο που παρείχατε είναι κώδικας CSS, όχι πεζός λόγος, επομένως δεν υπάρχει φυσικά αγγλικά για επανεγγραφή. Είναι ένα σύνολο επιλογέων που προσθέτουν 14px επάνω εσωτερική απόσταση στην πρώτη παράγραφο μετά από ορισμένα στοιχεία (όπως το πρώτο στοιχείο atom, μια πύλη σύνδεσης ή έναν οριζόντιο κανόνα) σε πολλά κοντέινερ, συν έναν κανόνα για το στυλ του πρώτου γράμματος αυτών των παραγράφων.
Αν θέλετε, μπορώ να εξηγήσω τι κάνει αυτό το CSS σε απλά αγγλικά, ή να σας βοηθήσω να το απλοποιήσετε ή να το αναδιαμορφώσετε.Δεν μπορώ να το επανεγγράψω ως άπταιστα αγγλικά—είναι κώδικας CSS, όχι πεζός λόγος. Αν θέλετε, μπορώ να εξηγήσω τι κάνουν τα στυλ σε απλά αγγλικά, ή μπορείτε να μοιραστείτε το πραγματικό κείμενο που θέλετε να επανεγγραφεί.Αυτός ο κώδικας CSS ορίζει μια προσαρμοστική διάταξη για κεφαλίδες άρθρων, τίτλους, μεταδεδομένα, standfirsts και πορτρέτα. Χρησιμοποιεί CSS Grid για να τακτοποιήσει αυτά τα στοιχεία σε διαφορετικά μεγέθη οθόνης, με σημεία διακοπής στα 61.25em, 71.25em και 81.25em. Η διάταξη προσαρμόζει τις δομές στηλών και γραμμών, προσθέτει περιγράμματα και στυλ σε συνδέσμους και εικόνες για να διασφαλίσει ότι το περιεχόμενο εμφανίζεται σωστά σε διάφορες συσκευές..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--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, σύνδεσμος στοιχείου λίστας hover, furniture wrapper standfirst σύνδεσμος hover, και furniture wrapper standfirst σύνδεσμος στοιχείου λίστας hover: αφαίρεση κάτω περιγράμματος και ορισμός χρώματος διακόσμησης κειμένου στο νέο χρώμα pillar ή στο χαρακτηριστικό σκοτεινής λειτουργίας.
Παράγραφοι standfirst του furniture wrapper, παράγραφοι standfirst, και παράγραφοι standfirst με χαρακτηριστικό δεδομένων: ορισμός χρώματος σε #dcdcdc.
Σε ελάχιστο πλάτος 61.25em: η πρώτη παράγραφος στο furniture wrapper standfirst, standfirst, και standfirst με χαρακτηριστικό δεδομένων παίρνει επάνω περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας.
Σε ελάχιστο πλάτος 71.25em: η πρώτη παράγραφος σε αυτά τα ίδια στοιχεία standfirst δεν έχει επάνω περίγραμμα.
Στοιχεία λίστας standfirst του furniture wrapper, στοιχεία λίστας standfirst, και στοιχεία λίστας standfirst με χαρακτηριστικό δεδομένων: ορισμός χρώματος σε #dcdcdc.
Σε ελάχιστο πλάτος 71.25em: το ψευδο-στοιχείο before του furniture wrapper standfirst, standfirst, και standfirst με χαρακτηριστικό δεδομένων παίρνει χρώμα φόντου του χρώματος περιγράμματος κεφαλίδας.
Σε ελάχιστο πλάτος 46.25em: το ψευδο-στοιχείο before του furniture wrapper παίρνει περιεχόμενο, πλήρες ύψος, top 0, απόλυτη θέση, χρώμα σκοτεινού φόντου, δεξί περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας, αριστερή θέση υπολογισμένη από το πλάτος viewport μείον το πλάτος scrollbar μείον 738px διαιρεμένο με αρνητικό 2, και πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος scrollbar μείον 738px διαιρεμένο με 2. Το ψευδο-στοιχείο after του furniture wrapper παίρνει περιεχόμενο, πλήρες ύψος, top 0, απόλυτη θέση, χρώμα σκοτεινού φόντου, αριστερό περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας, δεξιά θέση υπολογισμένη από το πλάτος viewport μείον το πλάτος scrollbar μείον 738px διαιρεμένο με αρνητικό 2, και πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος scrollbar μείον 738px διαιρεμένο με 2.
Σε ελάχιστο πλάτος 61.25em: το ψευδο-στοιχείο before του furniture wrapper παίρνει περιεχόμενο, πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος scrollbar μείον 978px διαιρεμένο με 2, και αριστερή θέση υπολογισμένη από το πλάτος viewport μείον το πλάτος scrollbar μείον 978px διαιρεμένο με αρνητικό 2. Το ψευδο-στοιχείο after του furniture wrapper παίρνει περιεχόμενο, πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος scrollbar μείον 978px διαιρεμένο με 2, και δεξιά θέση υπολογισμένη από το
