@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){.Safu kuu ya maudhui kwa makala shirikishi ina mpaka wa kushoto wa 1px imara #dcdcdc, uliowekwa kwenye -10px na z-index ya -1. Kwenye skrini zenye upana wa angalau 81.25em, mpaka huu unahamia -11px.
Ndani ya safu hii, vipengele vya atomu havina ukingo wa juu au chini lakini hupata 12px ya nafasi ya ndani kwa pande zote mbili. Wakati kipengele cha atomu kinafuata aya, nafasi yake ya ndani inaondolewa na hupata 12px ya ukingo badala yake. Vipengele vya ndani vimewekewa kikomo cha upana wa 620px, na kwenye skrini zenye upana wa angalau 61.25em, takwimu za ndani pia zina kikomo cha 620px.
Kwa sehemu za media zilizo na takwimu zinazoruka, maelezo ya picha yanakaa juu ya vipengele vingine na z-index ya 6. Kitufe cha video inayoruka kinajipanga chini kulia na ukingo wa chini wa 40px na ukingo wa kulia wa 3px. Vyombo vya kudhibiti sauti na kunyamazisha vinakaa sawa kulia na nafasi ya ndani ya kushoto ya 10px. Kitufe cha maelezo ya picha kina z-index ya 100, na kwenye skrini zenye upana wa angalau 61.25em, kinakaa 20px kutoka chini. Kwenye skrini zenye upana wa angalau 46.25em, vyombo vya cinemagraph havina urefu wa juu.
Visiwa vya video vinavyojipangisha vyenyewe kwenye mwili vina upana kamili hadi 620px, vinaonyeshwa kama vitalu na ukingo wa juu na chini wa 12px. Takwimu zao zinazoruka na video pia zina upana kamili hadi 620px, zimewekwa katikati. Wakati video hizi zinaingia kwa kina, kikomo cha upana kinaondolewa na ukingo unakuwa 12px juu na chini. Kwenye skrini zenye upana wa angalau 71.25em, video zinazoingia kwa kina zinapanuka hadi 1140px na kuhamia kushoto kwa 180px, na maelezo ya picha yanaingizwa ndani kwa 20px. Kwenye skrini zenye upana wa angalau 81.25em, zinapanuka zaidi hadi 1300px na kuhamia kushoto kwa 260px.
Mzizi unafafanua vigezo kadhaa vya rangi: tarehe (#606060), mpaka wa kichwa (#dcdcdc), maandishi ya maelezo ya picha (#999), mandhari ya maelezo ya picha (72% isiyo wazi karibu-nyeusi), rangi ya kipengele (#c70000), na rangi mpya ya nguzo ambayo kwa chaguo-msingi ni nguzo ya msingi au rangi ya kipengele. Vichwa vidogo, nukuu za kuvuta, na aikoni za nukuu za kuvuta zinatumia rangi ya nguzo ya pili, wakati nukuu za kuzuia zinatumia rangi ya maandishi ya makala. Nukuu za kuzuia pia zinapata rangi ya kujaza kutoka nguzo ya pili. Katika hali ya giza (isipokuwa hali ya mwanga imewekwa wazi), vichwa vidogo, nukuu za kuvuta, na aikoni zao zinabadilika hadi rangi ya nguzo ya hali ya giza, na nukuu za kuzuia zinatumia rangi hiyo hiyo kwa kujaza kwao.
Vipengele vya atomu havina nafasi ya ndani. Wakati kipengele cha atomu ni cha kwanza cha aina yake na kinafuatwa na aya, lango la kuingia, kipengele kingine cha atomu, au sawa na hivyo, aya inayofuata inapata nafasi maalum. Vile vile vinatumika baada ya mistari ya mlalo ambayo si ya mwisho, na ndani ya divs za mwili wa makala.Maandishi uliyotoa ni msimbo wa CSS, si maandishi ya kawaida, kwa hivyo hakuna Kiingereza cha asili cha kuandika upya. Ni seti ya vichaguzi vinavyoongeza 14px ya nafasi ya ndani ya juu kwa aya ya kwanza baada ya vipengele fulani (kama kipengele cha kwanza cha atomu, lango la kuingia, au mstari wa mlalo ambao si wa mwisho) ndani ya vyombo mbalimbali, na pia inapamba herufi ya kwanza ya aya hizo.
Ikiwa ulikusudia kubandika kipande tofauti cha maandishi, jisikie huru kushiriki na nitaandika upya kwa Kiingereza fasaha na asilia.Siwezi kuandika upya hiyo kama Kiingereza fasaha—ni msimbo wa CSS, si maandishi ya kawaida. Ikiwa ungependa, naweza kueleza kile mitindo inafanya kwa Kiingereza rahisi, au unaweza kushiriki maandishi halisi unayotaka kuandikwa upya.Msimbo huu wa CSS unafafanua mpangilio unaojibika kwa vichwa vya makala, vichwa vikuu, metadata, standfirsts, na picha za wima. Inatumia CSS Grid kupanga vipengele hivi katika ukubwa tofauti wa skrini, na pointi za kuvunja katika 61.25em, 71.25em, na 81.25em. Mpangilio unarekebisha miundo ya safu na safu mlalo, unaongeza mipaka, na unapamba viungo na takwimu ili kuhakikisha maudhui yanaonyeshwa vizuri kwenye vifaa mbalimbali..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 #standfKwanza, kiungo cha kipengee cha orodha kinapopitwa na kishale, kiungo cha standfirst kinapopitwa na kishale, na kiungo cha kipengee cha orodha ya standfirst kinapopitwa na kishale: ondoa mpaka wa chini na weka rangi ya mapambo ya maandishi kwa rangi mpya ya nguzo au kipengele cha hali ya giza.
Aya za standfirst za kifuniko cha samani, aya za standfirst, na aya za standfirst: weka rangi ya maandishi kuwa #dcdcdc.
Kwa upana wa chini wa 61.25em: aya ya kwanza ya standfirst inapata mpaka wa juu wa 1px imara rangi ya mpaka wa kichwa.
Kwa upana wa chini wa 71.25em: mpaka wa juu wa aya ya kwanza ya standfirst unaondolewa.
Vipengee vya orodha ya standfirst ya kifuniko cha samani, vipengee vya orodha ya standfirst, na vipengee vya orodha ya standfirst: weka rangi ya maandishi kuwa #dcdcdc.
Kwa upana wa chini wa 71.25em: kipengele cha kabla cha standfirst kinapata rangi ya mandhari ya mpaka wa kichwa.
Kwa upana wa chini wa 46.25em: kipengele cha kabla cha kifuniko cha samani kina maudhui tupu, urefu kamili, kimewekwa juu, nafasi kamili, rangi ya mandhari ya mandhari ya giza, mpaka wa kulia wa 1px imara rangi ya mpaka wa kichwa, nafasi ya kushoto iliyohesabiwa kama nusu hasi ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px, na upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px. Kipengele cha baada cha kifuniko cha samani kina maudhui tupu, urefu kamili, kimewekwa juu, nafasi kamili, rangi ya mandhari ya mandhari ya giza, mpaka wa kushoto wa 1px imara rangi ya mpaka wa kichwa, nafasi ya kulia iliyohesabiwa kama nusu hasi ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px, na upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px.
Kwa upana wa chini wa 61.25em: kipengele cha kabla cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px, na nafasi ya kushoto iliyohesabiwa kama nusu hasi ya hiyo. Kipengele cha baada cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px, na nafasi ya kulia iliyohesabiwa kama nusu hasi ya hiyo.
Kwa upana wa chini wa 71.25em: kipengele cha kabla cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px, na nafasi ya kushoto iliyohesabiwa kama nusu hasi ya hiyo. Kipengele cha baada cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px, na nafasi ya kulia iliyohesabiwa kama nusu hasi ya hiyo.
Kwa upana wa chini wa 81.25em: kipengele cha kabla cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1298px, na nafasi ya kushoto iliyohesabiwa kama nusu hasi ya hiyo. Kipengele cha baada cha kifuniko cha samani kina maudhui tupu, upana uliohesabiwa kama nusu ya upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1298px, na nafasi ya kulia iliyohesabiwa kama nusu hasi ya hiyo.
SVG ya keyline-4 ya kifuniko cha samani na SVG ya mistari: weka mpigo kwa rangi ya mpaka wa kichwa.
Meta ya kijamii ya kifuniko cha samani, span ya kiungo cha kipengee cha orodha ya meta ya kijamii, maoni
