@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){.Interaktiivisten artikkelien pääsisältösarakkeessa on 1 pikselin levyinen vasen reunus väriltään #dcdcdc, sijoitettuna -10 pikseliin z-indeksillä -1. Näytöillä, jotka ovat vähintään 81,25 em leveitä, tämä reunus siirtyy -11 pikseliin.
Tässä sarakkeessa atomielementeillä ei ole ylä- tai alamarginaalia, mutta niillä on 12 pikseliä täytettä molemmilla puolilla. Kun atomielementti seuraa kappaletta, sen täyte poistetaan ja se saa 12 pikselin marginaalit sen sijaan. Inline-elementtien leveys on enintään 620 pikseliä, ja näytöillä, jotka ovat vähintään 61,25 em leveitä, myös inline-kuviot ovat enintään 620 pikseliä.
Mediasektioissa, jotka sisältävät silmukkakuvioita, figcaption-kuvateksti sijaitsee muiden elementtien yläpuolella z-indeksillä 6. Videon silmukkapainike on kohdistettu oikeaan alakulmaan 40 pikselin alamarginaalilla ja 3 pikselin oikeamarginaalilla. Mykistys- ja mykistyksen poistamisen hallintasäiliöt ovat kiinni oikeassa reunassa 10 pikselin vasemmalla täytteellä. Kuvatekstipainikkeella on z-indeksi 100, ja näytöillä, jotka ovat vähintään 61,25 em leveitä, se sijaitsee 20 pikseliä alareunasta. Näytöillä, jotka ovat vähintään 46,25 em leveitä, cinemagraph-säiliöillä ei ole enimmäiskorkeutta.
Itse isännöidyt videosaarekkeet rungossa ovat täysleveitä 620 pikseliin asti, näytetään lohkoina 12 pikselin ylä- ja alamarginaaleilla. Niiden silmukkakuviot ja videot ovat myös täysleveitä 620 pikseliin asti, keskitettyinä. Kun nämä videot ovat immersiivisiä, leveysrajoitus poistetaan ja marginaaleista tulee 12 pikseliä ylä- ja alapuolella. Näytöillä, jotka ovat vähintään 71,25 em leveitä, immersiiviset videot laajenevat 1140 pikseliin ja siirtyvät vasemmalle 180 pikseliä, ja figcaption-kuvatekstit sisennetään 20 pikseliä. Näytöillä, jotka ovat vähintään 81,25 em leveitä, ne laajenevat edelleen 1300 pikseliin ja siirtyvät vasemmalle 260 pikseliä.
Juurielementti määrittelee useita värimuuttujia: päivämäärärivi (#606060), otsikkoreunus (#dcdcdc), kuvatekstin teksti (#999), kuvatekstin tausta (72 % läpinäkymätön lähes musta), ominaisuusväri (#c70000) ja uusi pilari-väri, joka oletusarvoisesti on ensisijainen pilari- tai ominaisuusväri. Alaotsikot, pullquotes- lainaukset ja pullquote-kuvakkeet käyttävät toissijaista pilari-väriä, kun taas blockquotes-lainaukset käyttävät artikkelin tekstiväriä. Blockquotes-lainaukset saavat myös täyttövärin toissijaisesta pilarista. Tumman tilan ollessa käytössä (ellei vaaleaa tilaa ole nimenomaisesti asetettu), alaotsikot, pullquotes-lainaukset ja niiden kuvakkeet vaihtuvat tumman tilan pilari-väriin, ja blockquotes-lainaukset käyttävät samaa väriä täyttöönsä.
Atomielementeillä ei ole täytettä. Kun atomielementti on ensimmäinen laatuaan ja sitä seuraa kappale, kirjautumisportti, toinen atomielementti tai vastaava, seuraava kappale saa erityisen välistyksen. Sama pätee vaakaviivojen jälkeen, jotka eivät ole viimeisiä, ja artikkelin runko-osioiden sisällä.Antamasi teksti on CSS-koodia, ei proosaa, joten siinä ei ole luonnollista englantia uudelleenkirjoitettavaksi. Se on joukko valitsimia, jotka lisäävät 14 pikseliä ylätäytettä ensimmäiseen kappaleeseen tiettyjen elementtien jälkeen (kuten ensimmäinen atomielementti, kirjautumisportti tai vaakaviiva, joka ei ole viimeinen) eri säiliöissä, ja se myös tyylittelee näiden kappaleiden ensimmäisen kirjaimen.
Jos tarkoitit liittää eri tekstin, jaa se vapaasti, niin kirjoitan sen sujuvaksi, luonnolliseksi suomeksi.En voi kirjoittaa tuota sujuvaksi suomeksi—se on CSS-koodia, ei proosaa. Jos haluat, voin selittää, mitä tyylit tekevät selkokielellä, tai voit jakaa varsinaisen tekstin, jonka haluat uudelleenkirjoitettavaksi.Tämä CSS-koodi määrittelee responsiivisen asettelun artikkelin otsikoille, otsikoille, metatiedoille, standfirst-teksteille ja muotokuville. Se käyttää CSS Gridiä järjestääkseen nämä elementit eri näyttökokoihin, taittopisteinä 61,25em, 71,25em ja 81,25em. Asettelu säätää sarake- ja rivirakenteita, lisää reunuksia ja tyylittelee linkkejä ja kuvioita varmistaakseen, että sisältö näkyy oikein eri laitteilla..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 #standfEnsimmäinen, luettelokohteen linkin hover, huonekalukääreen standfirst-linkin hover ja huonekalukääreen standfirst-luettelokohteen linkin hover: poista alareunan reunus ja aseta tekstin koristelun väriksi uusi pilari-väri tai tumman tilan ominaisuus.
Huonekalukääreen standfirst-kappaleet, standfirst-kappaleet ja standfirst-kappaleet: aseta tekstin väriksi #dcdcdc.
Vähintään 61,25 em leveydellä: ensimmäinen standfirst-kappale saa 1 pikselin yläreunan yhtenäisellä otsikkoreunuksen värillä.
Vähintään 71,25 em leveydellä: ensimmäisen standfirst-kappaleen yläreunan reunus poistetaan.
Huonekalukääreen standfirst-luettelokohteet, standfirst-luettelokohteet ja standfirst-luettelokohteet: aseta tekstin väriksi #dcdcdc.
Vähintään 71,25 em leveydellä: standfirstin ennen-pseudoelementti saa taustaväriksi otsikkoreunuksen värin.
Vähintään 46,25 em leveydellä: huonekalukääreen ennen-pseudoelementillä on tyhjä sisältö, täysi korkeus, sijoitettu yläreunaan, absoluuttinen sijainti, tumman taustan taustaväri, 1 pikselin oikea reunus yhtenäisellä otsikkoreunuksen värillä, vasen sijainti laskettuna negatiivisena puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 738 pikseliä, ja leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 738 pikseliä. Huonekalukääreen jälkeen-pseudoelementillä on tyhjä sisältö, täysi korkeus, sijoitettu yläreunaan, absoluuttinen sijainti, tumman taustan taustaväri, 1 pikselin vasen reunus yhtenäisellä otsikkoreunuksen värillä, oikea sijainti laskettuna negatiivisena puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 738 pikseliä, ja leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 738 pikseliä.
Vähintään 61,25 em leveydellä: huonekalukääreen ennen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 978 pikseliä, ja vasen sijainti laskettuna negatiivisena puolikkaana siitä. Huonekalukääreen jälkeen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 978 pikseliä, ja oikea sijainti laskettuna negatiivisena puolikkaana siitä.
Vähintään 71,25 em leveydellä: huonekalukääreen ennen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 1138 pikseliä, ja vasen sijainti laskettuna negatiivisena puolikkaana siitä. Huonekalukääreen jälkeen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 1138 pikseliä, ja oikea sijainti laskettuna negatiivisena puolikkaana siitä.
Vähintään 81,25 em leveydellä: huonekalukääreen ennen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 1298 pikseliä, ja vasen sijainti laskettuna negatiivisena puolikkaana siitä. Huonekalukääreen jälkeen-pseudoelementillä on tyhjä sisältö, leveys laskettuna puolikkaana näyttöikkunan leveydestä miinus vierityspalkin leveys miinus 1298 pikseliä, ja oikea sijainti laskettuna negatiivisena puolikkaana siitä.
Huonekalukääreen keyline-4 SVG ja lines SVG: aseta ääriviivaksi otsikkoreunuksen väri.
Huonekalukääreen meta social, meta social -luettelokohteen linkin span, meta comment, meta social, meta social -luettelokohteen linkin span ja meta comment: aseta reunuksen väriksi otsikkoreunuksen väri.
Artikkelin rungon h2 ja interaktiivisen sisällön rungon h2: aseta fontin painoksi 200. Jos h2 sisältää strong-elementin, aseta fontin painoksi 700.
Div, jossa data-print-layout hide ul: poista taustakuva.
Juurielementti, jossa data-rendering-target apps: aseta follow-tekstiksi #dcdcdc, follow-kuvakkeen täytöksi uusi pilari-väri, standfirst-tekstiksi #dcdcdc, standfirst-linkin tekstiksi uusi pilari-väri, standfirst-linkin reunukseksi uusi pilari-väri, by
