@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) {Iată textul rescris în engleză fluentă și naturală:
Pentru coloanele de conținut principal interactiv, apare o linie verticală gri deschis pe partea stângă. Pe ecranele mai late, această linie se deplasează puțin mai spre stânga. În aceste coloane interactive, elementele încorporate nu au margini sus sau jos, dar includ 12 pixeli de umplutură deasupra și dedesubt. Când un element încorporat urmează unui paragraf, umplutura este eliminată și înlocuită cu margini de 12 pixeli. Elementele inline sunt limitate la 620 de pixeli lățime, iar pe ecranele medii și mai mari, figurile inline au de asemenea maximum 620 de pixeli.
Când o secțiune media conține o figură video în buclă, legenda se află deasupra altor elemente. Butonul de buclă video se aliniază în jos-dreapta cu puțin spațiu. Controalele de mut și unmute se deplasează spre marginea dreaptă cu o mică umplutură la stânga. Butonul de legendă se află deasupra tuturor, iar pe ecranele medii și mai mari, se deplasează în sus cu 20 de pixeli. Pe ecranele medii mai mici, containerele cinemagraph se pot extinde la înălțimea lor completă.
Insulele video găzduite propriu în corp se întind pe toată lățimea până la 620 de pixeli și au margini de 12 pixeli sus și jos. Figura video și videoclipul în sine umplu acea lățime, rămân centrate și își mențin raportul de aspect. Când videoclipul este setat în modul imersiv, restricția de lățime este eliminată și marginile se schimbă. Pe ecranele mari, videoclipurile imersive se extind la 1140 de pixeli lățime și se deplasează la stânga cu 180 de pixeli, cu legenda indentată cu 20 de pixeli. Pe ecranele și mai mari, videoclipul imersiv se extinde la 1300 de pixeli lățime și se deplasează la stânga cu 260 de pixeli.
Fiecare temă de articol își definește propria paletă de culori printr-un set de proprietăți personalizate. Tema News folosește roșuri închise variind de la maro închis la roz pal. Lifestyle folosește purpuriu și roz, de la prună închis la trandafir pal. Culture folosește maro pământiu și bej. Sport folosește albastru, de la bleumarin închis la albastru cer deschis. Opinion folosește roșuri și maro atenuate. Labs folosește turcoaz și acvamarin, de la verde-albastru închis la mentă foarte pal. Special Report folosește gri închis cu un accent de albastru-gri atenuat. Special Report Alt folosește cărbune închis, portocaliu ars și tonuri calde de alb murdar.:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72)
}
.furniture-wrapper {
position: relative;
display: grid;
grid-template-areas: "portrait" "title" "headline" "standfirst" "mediacaption" "lines" "meta";
margin-bottom: 26px !important
}
@media (min-width: 61.25em) {
.furniture-wrapper {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-areas: none;
grid-template-columns: [title-start headline-start standfirst-start mediacaption-start meta-start] repeat(5, 1fr) [title-end headline-end standfirst-end mediacaption-end meta-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end mediacaption-start] auto [mediacaption-end meta-start] auto [meta-end portrait-end];
margin-bottom: 0 !important
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]
}
}
.furniture-wrapper .article-header .content__labels > div,
.furniture-wrapper [data-gu-name=title] .content__labels > div {
padding-top: 2px
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.furniture-wrapper .article-header,
.furniture-wrapper [data-gu-name=title] {
max-width: 738px
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.furniture-wrapper #headline,
.furniture-wrapper [data-gu-name=headline],
.furniture-wrapper .headline {
max-width: 738px
}
}
@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(--headerBorder)
}
}
.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
}
}
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
width: 100vw;
margin-left: -10px;
padding-left: 10px;
position: relative;
background-color: #fff;
margin-top: -1px;
margin-bottom: -1px
}
@media (min-width: 30em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
margin-left: -20px
}
.furniture-wrapper .keyline-4 > div > div,
.furniture-wrapper [data-gu-name=lines] > div > div {
padding: 0 20px
}
}
@media (min-width: 33.4375em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
padding-left: 20px
}
}
@media (min-width: 41.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
padding-left: 0
}
}
@media (min-width: 46.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name=lines] {
max-width: 738px
}
}
@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)
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
width: 100vw;
margin-left: -10px;
padding-left: 10px;
position: relative;
background-color: #fff
}
@media (min-width: 46.25em) {
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
margin-right: 0;
width: auto;
max-width: 738px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name=meta] {
margin-left: unset;
padding-left: unSet padding-top to 2px. La lățimi de 71.25em și peste, adăugați o linie orizontală de 540px lățime deasupra secțiunii meta folosind culoarea marginii antetului. La 81.25em și peste, faceți acea linie de 620px lățime. Elementele sociale și de comentarii din secțiunea meta folosesc culoarea marginii antetului pentru marginile lor.
Standfirst-ul are o margine stângă de -10px, umplutură sus de 8px, umplutură laterală de 10px și umplutură jos de 16px, cu fundal alb. Paragrafele sale folosesc o greutate normală a fontului la dimensiunea de 20px cu umplutură jos de 14px. La 46.25em și peste, adăugați umplutură sus de 2px și limitați lățimea la 738px. La 61.25em și peste, eliminați max-width și culoarea de fundal, reduceți marginea de jos a conținutului standfirst la 4px și setați elementele de listă la 20px. Linkurile din interiorul standfirst-ului nu au margine de jos sau imagine de fundal; în schimb folosesc o subliniere decalată cu 6px, colorată cu culoarea marginii antetului la grosimea de 1px. La hover, culoarea sublinierii se schimbă în culoarea noului pilon. Primul paragraf primește o margine sus de 1px în culoarea marginii antetului și fără umplutură jos. La 71.25em și peste, eliminați marginea de sus de la toate paragrafele și adăugați o linie verticală de 1px pe partea stângă a standfirst-ului folosind culoarea marginii antetului, poziționată la 0.5px de la stânga. La 81.25em și peste, deplasați acea linie la -0.5px.
Zona media principală este poziționată relativ, cu o margine sus de 0, margini laterale de 0 cu excepția -10px la stânga, margine jos de 2px, plasată în zona grilei portret și dimensionată la lățimea viewport-ului minus orice bară de derulare. Div-urile sale interioare iau lățimea completă fără margini inline, iar div-ul exterior nu are margine de jos. La 30em și peste, marginea stângă devine -20px. La 46.25em și peste, devine -10px cu un max-width de 738px. La 61.25em și peste, stilurile continuă.Textul pe care l-ați furnizat este cod CSS, nu proză, deci nu există engleză naturală de rescris. Dacă ați intenționat să trimiteți un alt text, vă rugăm să-l împărtășiți și voi fi bucuros să ajut.Când un slot publicitar urmează unei linii orizontale interactive în coloana de conținut principal, eliminați umplutura de sus. Citările în articolele interactive ar trebui limitate la 620px lățime. Elementele imersive ar trebui să se întindă pe toată lățimea viewport-ului, cu marginile ajustate la fiecare breakpoint: -10px pe ecrane mici, -20px de la 30em, max-width-uri de 738px la 46.25em, 978px la 61.25em, 1098px cu o margine stângă de -160px la 71.25em și 1258px cu o margine stângă de -240px la 81.25em. Figcaptions în interiorul elementelor imersive primesc umplutură inline de 20px de la 30em, eliminată din nou la 71.25em.
Figurile showcase urmează reguli similare de margini: margine stângă de -160px de la 71.25em și -240px de la 81.25em. Figcaptions-urile lor sunt statice și pe toată lățimea până la 620px implicit, apoi devin poziționate absolut cu un max-width de 140px de la 71.25em și 220px de la 81.25em.
Elementele inline sunt limitate la 630px de la 61.25em. Figurile cu clasa "will-fade-in" încep invizibile și deplasate în jos cu 50px, apoi tranziționează la vizibil și în poziție când clasa "fade-in" este adăugată. Paragrafele blockquote folosesc textul #121212. Titlurile H2 sunt limitate la 620px. Paragrafele casetei de credite primesc margini verticale de 2px și fără umplutură sus.
De la 71.25em, pseudo-elementul coloanei principale interactive este deplasat în sus cu 12px și înălțimea sa mărită cu 24px. În modul întunecat (când schema de culori nu este setată explicit la light), fundalul corpului folosește variabila de fundal întunecat..e.portrait-layout-feature-dark gu-island[name=Branding] a img,:root:root:not([data-color-scheme=light]) article.content--interactive.portrait-layout-feature-dark-no-dropcap gu-island[name=Branding] a img{filter:invert(0)}}gu-island[name=UnsafeEmbedBlockComponent],iframe.js-embed__iframe{display:block;height:0px!important}.element{margin:0}[data-rendering-target=apps] .content--interactive [data-gu-name=meta] .content__meta-container_dcr{margin-right:0}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=media]{margin-bottom:-65px;position:sticky;top:0;background:#1a1a1a;transition:opacity .5s ease-in-out;opacity:1}}@media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em){.furniture-wrapper [data-gu-name=media]{margin-left:-20px;margin-right:-20px}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=media].fade-out{opacity:0}.furniture-wrapper [data-gu-name=title],.furniture-wrapper [data-gu-name=headline]{z-index:10;margin-left:-10px;padding-left:10px}}@media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em){.furniture-wrapper [data-gu-name=title],.furniture-wrapper [data-gu-name=headline],.furniture-wrapper [data-gu-name=standfirst],.furniture-wrapper [data-gu-name=meta]{margin:0 -20px!important;padding:0 20px!important}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=headline]{position:relative}.furniture-wrapper [data-gu-name=headline]>div>div{padding-bottom:32px}.furniture-wrapper [data-gu-name=headline] h1{color:#fff;font-weight:400}.furniture-wrapper [data-gu-name=headline] .gradient-div{position:absolute;height:135%;z-index:-1;width:100%;bottom:-1px;left:0;backdrop-filter:blur(12px);background:linear-gradient(180deg,#1a1a1a00,#1a1a1a 120px 100%);-webkit-mask-image:linear-gradient(180deg,rgba(26,26,26,0) 0px,rgba(26,26,26,.0392156863) 8px,rgba(26,26,26,.1450980392) 16px,rgba(26,26,26,.3098039216) 24px,rgba(26,26,26,.5019607843) 32px,rgba(26,26,26,.6901960784) 40px,rgba(26,26,26,.8549019608) 48px,rgba(26,26,26,.9607843137) 56px,#1a1a1a 70px);mask-image:linear-gradient(180deg,#1a1a1a00,#1a1a1a0a,#1a1a1a25,#1a1a1a4f,#1a1a1a80,#1a1a1ab0,#1a1a1ada,#1a1a1af5 56px,#1a1a1a 70px)}}@media (max-width: 61.24em) and (min-width: 26.25em){.furniture-wrapper [data-gu-name=headline] .gradient-div{height:140%}}@media (max-width: 61.24em){.furniture-wrapper [data-gu-name=title]{z-index:11;padding-top:8px;padding-bottom:1px}.furniture-wrapper [data-gu-name=title] a{color:var(--active-pillar-400)}.furniture-wrapper [data-gu-name=standfirst] .content__standfirst{padding-bottom:0}.furniture-wrapper [data-gu-name=standfirst] .content__standfirst p{padding-bottom:24px}.furniture-wrapper figcaption{grid-area:mediacaption;position:relative;background:unset;padding:0 0 12px 10px!important;margin:0 0 0 -10px!important;min-height:unset;width:100vw;background-color:#fff}.furniture-wrapper figcaption span{color:var(--caption-main-media-text)}}@media (max-width: 61.24em) and (min-width: 30em){.furniture-wrapper figcaption{margin-left:-20px!important;margin-top:-1px!important;padding-left:20px!important}}@media (max-width: 61.24em) and (min-width: 46.25em){.furniture-wrapper figcaption{max-width:738px}}@media (max-width: 61.24em){.furniture-wrapper figcaption.hidden{display:none!important}.furniture-wrapper figcaption.video-icon span:before{content:"";display:inline-block;width:17px;height:10px;margin-right:4px;background-image:url(https://uploads.guim.co.uk/2026/09/01/videocamera.svg);background-repeat:no-repeat;background-size:contain}.furniture-wrapper .video-container figcaption span,.furniture-wrapper .cinemagraph figcaption span{display:none!important}.furniture-wrapper [data-gu-name=lines]>div>div,.furniture-wrapper [data-gu-name=meta]>div>div{margin-right:0}}@media (max-width: 61.24em) and (min-width: 46.25em){.furniture-wrapper [data-gu-name=meta]{padding-bottom:8px!important}}.furniture-wrapper figcaption.video-icon span:before{content:"";display:inline-block;width:17px;height:10px;margin-right:4px;background-image:url(https://uploads.guim.co.uk/2026/09/01/videocamera.svg);Setați background-repeat la no-repeat și background-size la contain. Pentru ecrane de până la 61.24em lățime, dați elementului body un fundal alb, margini de 0 -10px și umplutură de 0 10px. Pentru ecrane între 30em și 61.24em lățime, setați marginile body la 0 -20px și umplutura la 0 20px. Pe ecrane de până la 61.24em lățime, eliminați marginea de sus de la #maincontent din interiorul elementului body.
Pentru articolele interactive cu un layout portret, setați h1 din interiorul secțiunii headline a furniture wrapper la font-weight 500. De asemenea, setați paragraful din interiorul secțiunii standfirst la font-weight 500.
Pentru articolele interactive cu un layout portret feature, setați elementele h2 din corpul articolului la font-weight 200. Dacă un h2 conține un element strong, setați font-weight-ul său la 700. Faceți elementul gu-island din interiorul containerului meta al conținut
