@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 ukingo wa kushoto wa 1px imara #dcdcdc, uliowekwa -10px na z-index ya -1. Kwenye skrini zenye upana wa angalau 81.25em, ukingo huu unahamia -11px. Vipengele vya Atom ndani ya safu hii havina ukingo wa juu au chini, na padding ya 12px juu na chini. Wakati aya inafuatwa na kipengele cha atom, padding huondolewa na kubadilishwa na ukingo wa 12px juu na chini. 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 vipengele vya media vilivyo na takwimu inayojirudia, figcaption (isipokuwa imefichwa) inakaa kwenye z-index 6. Kitufe cha video loop kinajipanga chini kulia na ukingo wa chini wa 40px na ukingo wa kulia wa 3px. Vyombo vya kudhibiti sauti ya kuzima na kuwasha vimewekwa kwenye ukingo wa kulia na padding ya kushoto ya 10px. Kitufe cha maelezo kinakaa kwenye z-index 100, na kwenye skrini zenye upana wa angalau 61.25em, kinasogea 20px kutoka chini. Kwenye skrini zenye upana wa angalau 46.25em, vyombo vya cinemagraph havina urefu wa juu.
Visiva vya video vilivyowekwa nyumbani kwenye mwili vina upana kamili, vimewekewa kikomo cha 620px, vinaonyeshwa kama vitalu na ukingo wa 12px juu na chini. Takwimu zao zinazojirudia na video zina upana kamili, urefu wa kiotomatiki, vimewekewa kikomo cha 620px, na vimewekwa katikati. Wakati takwimu inayojirudia ni kipengele cha video cha kuzama, kisiwa kinapanuka hadi upana kamili na ukingo wa wima wa 12px, na takwimu na video zinapoteza upana wao wa juu na uwekaji katikati. Kwenye skrini zenye upana wa angalau 71.25em, kisiwa cha kuzama kinakuwa 1140px kwa upana na kinasogea 180px kushoto, na figcaptions zinaingizwa 20px. Kwenye skrini zenye upana wa angalau 81.25em, kinakuwa 1300px kwa upana na kinasogea 260px kushoto.
Mzizi unafafanua sifa kadhaa maalum: rangi ya dateline #606060, ukingo wa kichwa #dcdcdc, maandishi ya maelezo #999, mandhari ya maelezo hsla(0, 0%, 7%, .72), rangi ya kipengele #c70000, na rangi mpya ya nguzo inayoanguka kwenye rangi ya nguzo ya msingi au rangi ya kipengele. Vichwa vidogo, pullquotes, na aikoni za pullquote zinatumia rangi ya nguzo ya pili, wakati blockquotes zinatumia rangi ya maandishi ya makala. Blockquotes pia zinapata rangi ya kujaza kutoka nguzo ya pili. Katika hali ya giza (isipokuwa mpango wa rangi umewekwa wazi kuwa mwanga), vichwa vidogo, pullquotes, na aikoni za pullquote zinabadilika hadi rangi ya nguzo ya hali ya giza, na blockquotes zinatumia sawa kwa kujaza kwao.
Vipengele vya Atom havina padding. Wakati kipengele cha atom ni cha kwanza cha aina yake na kinafuatwa na aya, lango la kuingia, atom nyingine, au sawa, aya inayofuata inapata nafasi maalum. Vile vile vinatumika kwa mistari ya mlalo ambayo si ya mwisho, na kwa aya zinazofuata nafasi za matangazo. Sheria hizi pia zinatumika ndani ya chombo cha 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 padding ya juu ya 14px kwa aya ya kwanza baada ya vipengele fulani (kama kipengele cha kwanza cha atom, lango la kuingia, au mstari wa mlalo) katika vyombo kadhaa, pamoja na sheria ya kupamba herufi ya kwanza ya aya hizo.
Ikiwa ungependa, ninaweza kueleza kile CSS hii inafanya kwa Kiingereza rahisi, au kukusaidia kurahisisha au kuipanga upya.Siwezi kuandika upya hiyo kama Kiingereza fasaha—ni msimbo wa CSS, si maandishi ya kawaida. Ikiwa ungependa, ninaweza 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 vya habari, metadata, standfirsts, na picha za wima. Unatumia 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 mistari, 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, kifuniko cha samani kinasimama mbele, kiungo cha kwanza kinapopitwa na kishale, na kifuniko cha samani kinasimama mbele, kiungo cha kipengee cha orodha kinapopitwa na kishale: ondoa ukingo wa chini na weka rangi ya mapambo ya maandishi kwa rangi mpya ya nguzo au kipengele cha hali ya giza.
Aya za kwanza za kifuniko cha samani, aya za kwanza, na aya za sifa za data za kwanza: weka rangi kuwa #dcdcdc.
Kwa upana wa chini wa 61.25em: aya ya kwanza katika kifuniko cha samani cha kwanza, cha kwanza, na sifa ya data ya kwanza inapata ukingo wa juu wa 1px imara wa rangi ya ukingo wa kichwa.
Kwa upana wa chini wa 71.25em: aya ya kwanza katika vipengele hivyo hivyo vya kwanza haina ukingo wa juu.
Vipengee vya orodha vya kifuniko cha samani cha kwanza, vipengee vya orodha vya kwanza, na vipengee vya orodha vya sifa ya data ya kwanza: weka rangi kuwa #dcdcdc.
Kwa upana wa chini wa 71.25em: kipengele cha kabla cha kifuniko cha samani cha kwanza, cha kwanza, na sifa ya data ya kwanza kinapata rangi ya mandhari ya rangi ya ukingo wa kichwa.
Kwa upana wa chini wa 46.25em: kipengele cha kabla cha kifuniko cha samani kinapata maudhui, urefu kamili, juu 0, nafasi kamili, rangi ya mandhari ya giza, ukingo wa kulia wa 1px imara wa rangi ya ukingo wa kichwa, nafasi ya kushoto iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px ikigawanywa na 2 hasi, na upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px ikigawanywa na 2. Kipengele cha baada cha kifuniko cha samani kinapata maudhui, urefu kamili, juu 0, nafasi kamili, rangi ya mandhari ya giza, ukingo wa kushoto wa 1px imara wa rangi ya ukingo wa kichwa, nafasi ya kulia iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px ikigawanywa na 2 hasi, na upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 738px ikigawanywa na 2.
Kwa upana wa chini wa 61.25em: kipengele cha kabla cha kifuniko cha samani kinapata maudhui, upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px ikigawanywa na 2, na nafasi ya kushoto iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px ikigawanywa na 2 hasi. Kipengele cha baada cha kifuniko cha samani kinapata maudhui, upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px ikigawanywa na 2, na nafasi ya kulia iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 978px ikigawanywa na 2 hasi.
Kwa upana wa chini wa 71.25em: kipengele cha kabla cha kifuniko cha samani kinapata maudhui, upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px ikigawanywa na 2, na nafasi ya kushoto iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px ikigawanywa na 2 hasi. Kipengele cha baada cha kifuniko cha samani kinapata maudhui, upana uliohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px ikigawanywa na 2, na nafasi ya kulia iliyohesabiwa kutoka upana wa kiona ukiondoa upana wa upau wa kusogeza ukiondoa 1138px ikigawanywa na 2 hasi.
Kwa upana wa chini wa 81.25em: kipengele
