@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){.Babban ginshiƙin abun ciki na labarai masu mu'amala yana da iyakar hagu na 1px solid #dcdcdc, wanda aka sanya a -10px tare da z-index na -1. A kan allo aƙalla 81.25em faɗi, wannan iyakar tana motsawa zuwa -11px. Abubuwan atom da ke cikin wannan ginshiƙi ba su da tazarar sama ko ƙasa, tare da 12px padding a sama da ƙasa. Lokacin da sakin layi ya biyo bayan wani abu na atom, ana cire padding ɗin kuma a maye gurbinsa da 12px tazarar sama da ƙasa. Abubuwan da ke cikin layi an iyakance su a 620px faɗi, kuma a kan allo aƙalla 61.25em faɗi, siffofi na cikin layi suma suna ƙarewa a 620px.
Ga abubuwan watsa labarai da ke ɗauke da siffa mai maimaitawa, figcaption (sai dai idan an ɓoye shi) yana zaune a z-index 6. Maɓallin bidiyo mai maimaitawa yana daidaitawa zuwa ƙasan dama tare da 40px tazarar ƙasa da 3px tazarar dama. Kwantena na sarrafa shiru da cire shiru suna zaune a gefen dama tare da 10px padding na hagu. Maɓallin caption yana zaune a z-index 100, kuma a kan allo aƙalla 61.25em faɗi, yana motsawa 20px daga ƙasa. A kan allo aƙalla 46.25em faɗi, kwantena cinemagraph ba su da matsakaicin tsayi.
Tsibiran bidiyo masu sarrafa kansu a cikin jiki cikakke ne, an iyakance su a 620px, ana nuna su azaman tubalan tare da 12px tazarar sama da ƙasa. Siffofinsu masu maimaitawa da bidiyonsu cikakke ne, tsayin atomatik, an iyakance su a 620px, kuma a tsakiya. Lokacin da siffar mai maimaitawa ta kasance abu na bidiyo mai nutsewa, tsibirin yana faɗaɗa zuwa cikakken faɗi tare da 12px tazarar tsaye, kuma siffar da bidiyon sun rasa matsakaicin faɗinsu da tsakiya. A kan allo aƙalla 71.25em faɗi, tsibirin mai nutsewa yana zama 1140px faɗi kuma yana motsawa 180px zuwa hagu, tare da figcaptions an yi musu indent 20px. A kan allo aƙalla 81.25em faɗi, yana zama 1300px faɗi kuma yana motsawa 260px zuwa hagu.
Tushen yana bayyana wasu kaddarori na musamman da yawa: launin dateline #606060, iyakar kanun labarai #dcdcdc, rubutun caption #999, bangon caption hsla(0, 0%, 7%, .72), launin fasali #c70000, da sabon launin ginshiƙi wanda ke komawa zuwa babban ginshiƙi ko launin fasali. Ƙananan kanun labarai, pullquotes, da gumakan pullquote suna amfani da launin ginshiƙi na biyu, yayin da blockquotes ke amfani da launin rubutun labarin. Blockquotes kuma suna samun launin cikawa daga ginshiƙi na biyu. A yanayin duhu (sai dai idan an saita tsarin launi a fili zuwa haske), ƙananan kanun labarai, pullquotes, da gumakan pullquote suna canzawa zuwa launin ginshiƙi na yanayin duhu, kuma blockquotes suna amfani da iri ɗaya don cikawarsu.
Abubuwan atom ba su da padding. Lokacin da abu na atom ya kasance na farko na nau'insa kuma sakin layi ya biyo baya, ƙofar shiga, wani atom, ko makamancin haka, sakin layi na gaba yana samun tazara ta musamman. Hakanan ya shafi layukan kwance waɗanda ba na ƙarshe ba, da kuma sakin layi da ke biyo bayan wuraren talla. Waɗannan dokoki kuma suna aiki a cikin kwantena na jikin labarin.Rubutun da ka bayar CSS ne, ba rubutu na yau da kullum ba, don haka babu Turanci na halitta da za a sake rubutawa. Saitin masu zaɓe ne waɗanda ke ƙara 14px na padding na sama zuwa sakin layi na farko bayan wasu abubuwa (kamar abu na atom na farko, ƙofar shiga, ko layin kwance) a cikin kwantena da yawa, da kuma doka don salo harafin farko na waɗannan sakin layi.
Idan kana so, zan iya bayyana abin da wannan CSS ke yi a cikin Turanci mai sauƙi, ko in taimaka maka sauƙaƙe ko sake fasalin shi.Ba zan iya sake rubuta wannan a matsayin Turanci mai gudana ba—CSS ne, ba rubutu na yau da kullum ba. Idan kana so, zan iya bayyana abin da salo ke yi a cikin Turanci mai sauƙi, ko kuma ka raba ainihin rubutun da kake so a sake rubutawa.Wannan lambar CSS tana bayyana shimfidar amsa don kanun labarai, kanun labarai, metadata, standfirsts, da hotuna. Yana amfani da CSS Grid don tsara waɗannan abubuwa a faɗin allo daban-daban, tare da wuraren hutu a 61.25em, 71.25em, da 81.25em. Shimfidar tana daidaita tsarin ginshiƙi da layi, tana ƙara iyakoki, kuma tana salo hanyoyin haɗi da siffofi don tabbatar da cewa abun ciki yana nunawa daidai a na'urori daban-daban..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 #standfFarko, haɗin abu na jerin, mai jujjuyawa, haɗin standfirst na kayan ɗaki, da haɗin abu na jerin standfirst na kayan ɗaki: cire iyakar ƙasa kuma saita launin kayan ado na rubutu zuwa sabon launin ginshiƙi ko fasalin yanayin duhu.
Sakin layi na standfirst na kayan ɗaki, sakin layi na standfirst, da sakin layi na sifa ta bayanai na standfirst: saita launi zuwa #dcdcdc.
A matsakaicin faɗi 61.25em: sakin layi na farko a cikin standfirst na kayan ɗaki, standfirst, da sifa ta bayanai na standfirst yana samun iyakar sama na 1px solid launin iyakar kanun labarai.
A matsakaicin faɗi 71.25em: sakin layi na farko a cikin waɗannan abubuwan standfirst ɗin ba su da iyakar sama.
Abubuwan jerin standfirst na kayan ɗaki, abubuwan jerin standfirst, da abubuwan jerin sifa ta bayanai na standfirst: saita launi zuwa #dcdcdc.
A matsakaicin faɗi 71.25em: pseudo-element na gaba na standfirst na kayan ɗaki, standfirst, da sifa ta bayanai na standfirst yana samun launin bango na launin iyakar kanun labarai.
A matsakaicin faɗi 46.25em: pseudo-element na gaba na kayan ɗaki yana samun abun ciki, cikakken tsayi, sama 0, matsayi cikakke, launin bango mai duhu, iyakar dama na 1px solid launin iyakar kanun labarai, matsayin hagu da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 738px an raba da korau 2, da faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 738px an raba da 2. Pseudo-element na baya na kayan ɗaki yana samun abun ciki, cikakken tsayi, sama 0, matsayi cikakke, launin bango mai duhu, iyakar hagu na 1px solid launin iyakar kanun labarai, matsayin dama da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 738px an raba da korau 2, da faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 738px an raba da 2.
A matsakaicin faɗi 61.25em: pseudo-element na gaba na kayan ɗaki yana samun abun ciki, faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 978px an raba da 2, da matsayin hagu da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 978px an raba da korau 2. Pseudo-element na baya na kayan ɗaki yana samun abun ciki, faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 978px an raba da 2, da matsayin dama da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 978px an raba da korau 2.
A matsakaicin faɗi 71.25em: pseudo-element na gaba na kayan ɗaki yana samun abun ciki, faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1138px an raba da 2, da matsayin hagu da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1138px an raba da korau 2. Pseudo-element na baya na kayan ɗaki yana samun abun ciki, faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1138px an raba da 2, da matsayin dama da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1138px an raba da korau 2.
A matsakaicin faɗi 81.25em: pseudo-element na gaba na kayan ɗaki yana samun abun ciki, faɗi da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1298px an raba da 2, da matsayin hagu da aka lissafta daga faɗin viewport a debe faɗin scrollbar a debe 1298px an raba da korau 2. Pseudo-element na baya na kayan
