@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){.Tha prìomh cholbh susbaint airson artaigealan eadar-ghnìomhach aig a bheil iomall clì de 1px solid #dcdcdc, suidhichte aig -10px le z-index de -1. Air scrionaichean a tha co-dhiù 81.25em de leud, bidh an t-iomall seo a' gluasad gu -11px. Chan eil iomall mullaich no bun aig eileamaidean atom taobh a-staigh a' cholbh seo, le padding 12px air a' mhullach agus air a' bhonn. Nuair a thèid paragraf a leantainn le eileamaid atom, thèid am padding a thoirt air falbh agus thèid a chur na àite le iomaill mullaich is bun de 12px. Tha eileamaidean in-loidhne air an cuingealachadh aig 620px de leud, agus air scrionaichean a tha co-dhiù 61.25em de leud, bidh figearan in-loidhne cuideachd a' dol suas gu 620px.
Airson eileamaidean meadhanan anns a bheil figear lùbach, tha am figcaption (mura h-eil e falaichte) na shuidhe aig z-index 6. Tha am putan lùb bhidio a' co-thaobhadh ris a' chòir-ìochdar le iomall bun de 40px agus iomall deas de 3px. Tha na soithichean smachd mute agus unmute suidhichte aig an oir dheis le padding clì de 10px. Tha am putan fo-thiotal na shuidhe aig z-index 100, agus air scrionaichean a tha co-dhiù 61.25em de leud, bidh e a' gluasad 20px bhon bhonn. Air scrionaichean a tha co-dhiù 46.25em de leud, chan eil àirde as àirde aig soithichean cinemagraph.
Tha eileanan bhidio fèin-aoigheachd sa bhodhaig làn-leud, air an cuingealachadh aig 620px, air an taisbeanadh mar bhlocaichean le iomaill mullaich is bun de 12px. Tha na figearan lùbach agus na bhideothan aca làn-leud, fèin-àirde, air an cuingealachadh aig 620px, agus air an cuairteachadh. Nuair a tha am figear lùbach na eileamaid bhidio bogaidh, bidh an t-eilean a' leudachadh gu làn-leud le iomaill inghearach de 12px, agus bidh am figear agus am bhidio a' call an leud as àirde agus an cuairteachadh aca. Air scrionaichean a tha co-dhiù 71.25em de leud, bidh an t-eilean bogaidh 1140px de leud agus a' gluasad 180px chun na clì, le figcaptions air an comharrachadh 20px a-steach. Air scrionaichean a tha co-dhiù 81.25em de leud, bidh e 1300px de leud agus a' gluasad 260px chun na clì.
Tha am freumh a' mìneachadh grunn fheartan àbhaisteach: dath dateline #606060, iomall cinn #dcdcdc, teacsa fo-thiotal #999, cùl-fhiosrachadh fo-thiotal hsla(0, 0%, 7%, .72), dath feart #c70000, agus dath colbh ùr a thuiteas air ais chun a' phrìomh cholbh no dath feart. Bidh fo-cheannain, pullquotes, agus ìomhaighean pullquote a' cleachdadh dath an dàrna colbh, fhad 's a bhios blockquotes a' cleachdadh dath teacsa na h-artaigil. Bidh blockquotes cuideachd a' faighinn dath lìonaidh bhon dàrna colbh. Ann am modh dorcha (mura h-eil an sgeama dath air a shuidheachadh gu soilleir gu soilleir), bidh fo-cheannain, pullquotes, agus ìomhaighean pullquote ag atharrachadh gu dath colbh modh dorcha, agus bidh blockquotes a' cleachdadh an aon rud airson an lìonadh.
Chan eil padding aig eileamaidean atom. Nuair a tha eileamaid atom mar a' chiad fhear den t-seòrsa aice agus air a leantainn le paragraf, geata clàraidh a-steach, atom eile, no rud coltach ris, bidh am paragraf a leanas a' faighinn beàrn sònraichte. Tha an aon rud a' buntainn ri riaghailtean còmhnard nach eil nam fear mu dheireadh, agus ri paragrafan a leanas àiteachan sanasachd. Tha na riaghailtean sin cuideachd a' buntainn taobh a-staigh soitheach bodhaig na h-artaigil.Tha an teacsa a thug thu seachad na chòd CSS, chan e rosg, mar sin chan eil Beurla nàdarra ann airson ath-sgrìobhadh. 'S e seata de luchd-taghaidh a th' ann a chuireas 14px de phadding mullaich ris a' chiad pharagraf às dèidh eileamaidean sònraichte (leithid a' chiad eileamaid atom, geata clàraidh a-steach, no riaghail chòmhnard) thar grunn shoithichean, a bharrachd air riaghail airson a' chiad litir de na paragrafan sin a stoidhleachadh.
Nam bu toil leat, is urrainn dhomh mìneachadh dè a tha an CSS seo a' dèanamh ann am Beurla shìmplidh, no do chuideachadh ga shìmpleachadh no ga ath-dhealbhadh.Chan urrainn dhomh sin ath-sgrìobhadh mar Bheurla fileanta—'s e còd CSS a th' ann, chan e rosg. Nam bu toil leat, is urrainn dhomh mìneachadh dè a tha na stoidhlichean a' dèanamh ann am Beurla shìmplidh, no faodaidh tu an teacsa fìor a tha thu airson ath-sgrìobhadh a cho-roinn.Tha an còd CSS seo a' mìneachadh cruth freagairteach airson cinn artaigil, cinn-naidheachd, meata-dàta, standfirsts, agus dealbhan. Bidh e a' cleachdadh CSS Grid gus na h-eileamaidean sin a chur air dòigh thar diofar mheudan sgrion, le puingean-briseadh aig 61.25em, 71.25em, agus 81.25em. Bidh an cruth ag atharrachadh structaran cholbh is shreathan, a' cur iomaill ris, agus a' stoidhleachadh cheanglaichean is fhigearan gus dèanamh cinnteach gu bheil an susbaint a' taisbeanadh gu ceart air diofar innealan..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 #standfFirst, ceangal nì liosta hover, ceangal standfirst wrapper àirneis hover, agus ceangal nì liosta standfirst wrapper àirneis hover: thoir air falbh am bonn-iomall agus suidhich dath sgeadachaidh teacsa chun dath colbh ùr no feart modh dorcha.
Paragrafan standfirst wrapper àirneis, paragrafan standfirst, agus paragrafan buadh standfirst dàta: suidhich dath gu #dcdcdc.
Aig leud as lugha 61.25em: gheibh a' chiad pharagraf ann an standfirst wrapper àirneis, standfirst, agus buadh standfirst dàta iomall mullaich de 1px solid dath iomall cinn.
Aig leud as lugha 71.25em: chan eil iomall mullaich aig a' chiad pharagraf anns na h-aon eileamaidean standfirst sin.
Nithean liosta standfirst wrapper àirneis, nithean liosta standfirst, agus nithean liosta buadh standfirst dàta: suidhich dath gu #dcdcdc.
Aig leud as lugha 71.25em: gheibh an eileamaid-bheò roimhe de standfirst wrapper àirneis, standfirst, agus buadh standfirst dàta dath cùl-fhiosrachaidh de dath iomall cinn.
Aig leud as lugha 46.25em: gheibh an eileamaid-bheò roimhe wrapper àirneis susbaint, làn àirde, mullach 0, suidheachadh iomlan, dath cùl-fhiosrachaidh dorcha, iomall deas de 1px solid dath iomall cinn, suidheachadh clì air a thomhas bho leud viewport às aonais leud scrollbar às aonais 738px air a roinn le àicheil 2, agus leud air a thomhas bho leud viewport às aonais leud scrollbar às aonais 738px air a roinn le 2. Gheibh an eileamaid-bheò às dèidh wrapper àirneis susbaint, làn àirde, mullach 0, suidheachadh iomlan, dath cùl-fhiosrachaidh dorcha, iomall clì de 1px solid dath iomall cinn, suidheachadh deas air a thomhas bho leud viewport às aonais leud scrollbar às aonais 738px air a roinn le àicheil 2, agus leud air a thomhas bho leud viewport às aonais leud scrollbar às aonais 738px air a roinn le 2.
Aig leud as lugha 61.25em: gheibh an eileamaid-bheò roimhe wrapper àirneis susbaint, leud air a thomhas bho leud viewport às aonais leud scrollbar às aonais 978px air a roinn le 2, agus suidheachadh clì air a thomhas bho leud viewport às aonais leud scrollbar às aonais 978px air a roinn le àicheil 2. Gheibh an eileamaid-bheò às dèidh wrapper àirneis susbaint, leud air a thomhas bho leud viewport às aonais leud scrollbar às aonais 978px air a roinn le 2, agus suidheachadh deas air a thomhas bho leud viewport às aonais leud scrollbar às aonais 978px air a roinn le àicheil 2.
Aig leud as lugha 71.25em: gheibh an eileamaid-bheò roimhe wrapper àirneis susbaint, leud air a thomhas bho leud viewport às aonais leud scrollbar às aonais 1138px air a roinn
