@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.
A cikin wannan ginshiƙi, abubuwan atom ba su da tazarar sama ko ƙasa amma suna samun 12px na padding a duka. Lokacin da wani abu na atom ya bi sakin layi, an cire padding ɗinsa kuma yana samun 12px na tazara maimakon. Abubuwan da ke cikin layi an iyakance su a faɗin 620px, kuma a kan allo aƙalla 61.25em faɗi, siffofi na cikin layi suma suna ƙarewa a 620px.
Ga sassan watsa labarai da ke ɗauke da siffofi masu maimaitawa, figcaption ɗin yana zaune a saman sauran abubuwa tare da z-index na 6. Maɓallin madauki na bidiyo yana daidaitawa zuwa ƙasan dama tare da tazarar ƙasa na 40px da tazarar dama na 3px. Kwantena na sarrafa shiru da cire shiru suna zaune a dama tare da padding hagu na 10px. Maɓallin caption yana da z-index na 100, kuma a kan allo aƙalla 61.25em faɗi, yana zaune 20px daga ƙasa. A kan allo aƙalla 46.25em faɗi, kwantena na cinemagraph ba su da matsakaicin tsayi.
Tsibiran bidiyo da aka shirya da kansu a cikin jiki suna da cikakken faɗi har zuwa 620px, ana nuna su azaman tubalan tare da tazarar sama da ƙasa na 12px. Siffofinsu masu maimaitawa da bidiyonsu suma suna da cikakken faɗi har zuwa 620px, a tsakiya. Lokacin da waɗannan bidiyon suka kasance masu nutsewa, an cire iyakar faɗin kuma tazara ta zama 12px sama da ƙasa. A kan allo aƙalla 71.25em faɗi, bidiyon da ke nutsewa suna faɗaɗa zuwa 1140px kuma suna motsawa hagu da 180px, tare da figcaptions da aka yi wa indent 20px. A kan allo aƙalla 81.25em faɗi, suna ƙara faɗaɗa zuwa 1300px kuma suna motsawa hagu da 260px.
Tushen yana bayyana ma'anar launi da yawa: dateline (#606060), iyakar kan layi (#dcdcdc), rubutun caption (#999), bangon caption (72% opaque kusa da baki), launin fasali (#c70000), da sabon launin ginshiƙi wanda ke da tsoho ga ginshiƙi na farko ko launin fasali. Ƙananan kan layi, 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 yanayin haske a fili), ƙananan kan layi, pullquotes, da gumakansu suna canzawa zuwa launin ginshiƙi na yanayin duhu, kuma blockquotes suna amfani da wannan launi ɗaya don cikawarsu.
Abubuwan atom ba su da padding. Lokacin da wani abu na atom shine na farko na nau'insa kuma wani sakin layi ya biyo baya, ƙofar shiga, wani abu na atom, ko makamancin haka, sakin layi na gaba yana samun tazara ta musamman. Hakanan yana aiki bayan layukan kwance waɗanda ba na ƙarshe ba, kuma a cikin sassan jikin labarin.Rubutun da kuka bayar CSS ne, ba larabci ba, don haka babu Ingilishi 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 wanda ba na ƙarshe ba) a cikin kwantena daban-daban, kuma yana tsara harafin farko na waɗannan sakin layi.
Idan kuna nufin ku liƙa wani rubutu daban, jin daɗin raba shi kuma zan sake rubuta shi cikin Ingilishi mai gudana da halitta.Ba zan iya sake rubuta wannan a matsayin Ingilishi mai gudana ba—CSS ne, ba larabci ba. Idan kuna so, zan iya bayyana abin da salon ke yi a cikin Ingilishi mai sauƙi, ko kuna iya raba ainihin rubutun da kuke 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 maki a 61.25em, 71.25em, da 81.25em. Shimfidar tana daidaita tsarin ginshiƙi da layi, tana ƙara iyakoki, kuma tana tsara hanyoyin haɗi da siffofi don tabbatar da cewa abun ciki yana nunawa daidai akan 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 jeri hover, furniture wrapper standfirst link hover, da furniture wrapper standfirst list item link hover: cire iyakar ƙasa kuma saita launin kayan ado na rubutu zuwa sabon launin ginshiƙi ko fasalin yanayin duhu.
Sakin layi na farko na furniture wrapper standfirst, sakin layi na standfirst, da sakin layi na standfirst: saita launin rubutu zuwa #dcdcdc.
A mafi ƙarancin faɗi 61.25em: sakin layi na farko na standfirst yana samun iyakar sama na 1px solid launin iyakar kan layi.
A mafi ƙarancin faɗi 71.25em: an cire iyakar sama na sakin layi na farko na standfirst.
Abubuwan jeri na furniture wrapper standfirst, abubuwan jeri na standfirst, da abubuwan jeri na standfirst: saita launin rubutu zuwa #dcdcdc.
A mafi ƙarancin faɗi 71.25em: kafin pseudo-element na standfirst yana samun launin bango na launin iyakar kan layi.
A mafi ƙarancin faɗi 46.25em: kafin pseudo-element na furniture wrapper yana da abun ciki mara komai, cikakken tsayi, an sanya shi a sama, matsayi cikakke, launin bango na bangon duhu, iyakar dama na 1px solid launin iyakar kan layi, matsayin hagu da aka lissafta azaman rabin faɗin viewport mara kyau a rage faɗin scrollbar a rage 738px, da faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 738px. Bayan pseudo-element na furniture wrapper yana da abun ciki mara komai, cikakken tsayi, an sanya shi a sama, matsayi cikakke, launin bango na bangon duhu, iyakar hagu na 1px solid launin iyakar kan layi, matsayin dama da aka lissafta azaman rabin faɗin viewport mara kyau a rage faɗin scrollbar a rage 738px, da faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 738px.
A mafi ƙarancin faɗi 61.25em: kafin pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 978px, da matsayin hagu da aka lissafta azaman rabin wancan mara kyau. Bayan pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 978px, da matsayin dama da aka lissafta azaman rabin wancan mara kyau.
A mafi ƙarancin faɗi 71.25em: kafin pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 1138px, da matsayin hagu da aka lissafta azaman rabin wancan mara kyau. Bayan pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 1138px, da matsayin dama da aka lissafta azaman rabin wancan mara kyau.
A mafi ƙarancin faɗi 81.25em: kafin pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 1298px, da matsayin hagu da aka lissafta azaman rabin wancan mara kyau. Bayan pseudo-element na furniture wrapper yana da abun ciki mara komai, faɗi da aka lissafta azaman rabin faɗin viewport a rage faɗin scrollbar a rage 1298px, da matsayin dama da aka lissafta azaman rabin wancan mara kyau.
Furniture wrapper keyline-4 SVG da layukan SVG: saita bugun jini zuwa launin iyakar kan layi.
Furniture wrapper meta social, meta social list item link span, meta comment, meta social, meta social list item link span, da meta comment: saita launin iyaka zuwa launin iyakar kan layi.
Jikin labarin h2 da jikin abun ciki mai mu'amala h2: saita nauyin rubutu zuwa 200. Idan h2 ɗin ya ƙunshi strong, saita nauyin rubutu zuwa 700.
Div tare da data-print-layout hide ul: cire hoton bango.
Tushe tare da data-rendering-target apps: saita rubutun bi zuwa #dcdcdc, cika gunkin bi zuwa sabon launin ginshiƙi, rubutun standfirst zuwa
