„ElveszĂ­tettem a gyermekeim, Ă©s fĂ©lek, hogy Ășjra elveszĂ­tem a babĂĄmat”: egy nap egy terhes nƑ Ă©letĂ©bƑl GĂĄzĂĄban

„ElveszĂ­tettem a gyermekeim, Ă©s fĂ©lek, hogy Ășjra elveszĂ­tem a babĂĄmat”: egy nap egy terhes nƑ Ă©letĂ©bƑl GĂĄzĂĄban

@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) {Íme a szöveg ĂșjraĂ­rva folyĂ©kony, termĂ©szetes angol nyelven:

Az interaktĂ­v fƑ tartalmi oszlopoknĂĄl egy vilĂĄgosszĂŒrke fĂŒggƑleges vonal jelenik meg a bal oldalon. SzĂ©lesebb kĂ©pernyƑkön ez a vonal kissĂ© balra tolĂłdik. Ezeken az interaktĂ­v oszlopokon belĂŒl a beĂĄgyazott elemeknek nincs felsƑ vagy alsĂł margĂłja, de 12 pixel belsƑ margĂłt tartalmaznak felĂŒl Ă©s alul. Amikor egy beĂĄgyazott elem egy bekezdĂ©st követ, a belsƑ margĂł eltĂĄvolĂ­tĂĄsra kerĂŒl, Ă©s helyette 12 pixeles margĂłk lĂ©pnek Ă©letbe. A soron belĂŒli elemek szĂ©lessĂ©ge legfeljebb 620 pixel, Ă©s közepes kĂ©pernyƑktƑl felfelĂ© a soron belĂŒli ĂĄbrĂĄk is legfeljebb 620 pixel szĂ©lesek.

Amikor egy mĂ©diaszakasz egy ismĂ©tlƑdƑ videóåbrĂĄt tartalmaz, a kĂ©palĂĄĂ­rĂĄs a többi elem fölött helyezkedik el. A videĂłismĂ©tlĂ©s gomb a jobb alsĂł sarokhoz igazodik nĂ©mi tĂ©rközzel. A nĂ©mĂ­tĂĄs Ă©s a nĂ©mĂ­tĂĄs feloldĂĄsa vezĂ©rlƑk a jobb szĂ©lre tolĂłdnak egy kis bal oldali belsƑ margĂłval. A kĂ©palĂĄĂ­rĂĄs gomb mindenek fölött helyezkedik el, Ă©s közepes kĂ©pernyƑktƑl felfelĂ© 20 pixellel feljebb mozdul. Kisebb közepes kĂ©pernyƑkön a cinemagraph kontĂ©nerek teljes magassĂĄgukra kiterjedhetnek.

A törzsön belĂŒli sajĂĄt ĂŒzemeltetĂ©sƱ videĂłszigetek a teljes szĂ©lessĂ©get kitöltik 620 pixelig, Ă©s 12 pixeles felsƑ Ă©s alsĂł margĂłval rendelkeznek. A videóåbra Ă©s maga a videĂł kitölti ezt a szĂ©lessĂ©get, közĂ©pen marad, Ă©s megtartja a kĂ©parĂĄnyĂĄt. Amikor a videĂł immerzĂ­v mĂłdra van ĂĄllĂ­tva, a szĂ©lessĂ©gi korlĂĄtozĂĄs megszƱnik, Ă©s a margĂłk megvĂĄltoznak. Nagy kĂ©pernyƑkön az immerzĂ­v videĂłk 1140 pixel szĂ©lessĂ©gre törnek ki, Ă©s 180 pixellel balra tolĂłdnak, a kĂ©palĂĄĂ­rĂĄs pedig 20 pixellel beljebb kerĂŒl. MĂ©g nagyobb kĂ©pernyƑkön az immerzĂ­v videĂł 1300 pixel szĂ©lessĂ©gre tĂĄgul, Ă©s 260 pixellel balra tolĂłdik.

Minden cikk-tĂ©ma sajĂĄt szĂ­npalettĂĄt hatĂĄroz meg egy egyedi tulajdonsĂĄgkĂ©szleten keresztĂŒl. A News tĂ©ma mĂ©lyvörösöket hasznĂĄl a sötĂ©t bordĂłtĂłl a halvĂĄny rĂłzsaszĂ­nig. A Lifestyle lila Ă©s rĂłzsaszĂ­n ĂĄrnyalatokat hasznĂĄl, a sötĂ©t szilvĂĄtĂłl a halvĂĄny rĂłzsĂĄig. A Culture földes barna Ă©s drapp ĂĄrnyalatokat hasznĂĄl. A Sport kĂ©keket hasznĂĄl, a sötĂ©t tengerĂ©szkĂ©ktƑl az Ă©lĂ©nk Ă©gszĂ­nkĂ©kig. Az Opinion tompa vörösöket Ă©s barnĂĄkat hasznĂĄl. A Labs teal Ă©s aqua szĂ­neket hasznĂĄl, a mĂ©ly zöldeskĂ©ktƑl a nagyon halvĂĄny mentĂĄig. A Special Report sötĂ©tszĂŒrkĂ©ket hasznĂĄl egy tompa kĂ©kesszĂŒrke akcentussal. A Special Report Alt sötĂ©t faszenet, Ă©getett narancssĂĄrgĂĄt Ă©s meleg törtfehĂ©r tĂłnusokat hasznĂĄl.: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. At widths of 71.25em and above, add a 540px-wide horizontal line above the meta section using the header border color. At 81.25em and above, make that line 620px wide. The social and comment elements in the meta section use the header border color for their borders.

The standfirst has a -10px left margin, 8px top padding, 10px side padding, and 16px bottom padding, with a white background. Its paragraphs use a normal font weight at 20px size with 14px bottom padding. At 46.25em and above, add 2px top padding and cap the width at 738px. At 61.25em and above, remove the max-width and background color, reduce the bottom margin of the standfirst content to 4px, and set list items to 20px. Links inside the standfirst have no bottom border or background image; instead they use an underline offset by 6px, colored with the header border color at 1px thickness. On hover, the underline color changes to the new pillar color. The first paragraph gets a 1px top border in the header border color and no bottom padding. At 71.25em and above, remove the top border from all paragraphs, and add a 1px vertical line on the left side of the standfirst using the header border color, positioned at 0.5px from the left. At 81.25em and above, shift that line to -0.5px.

The main media area is positioned relatively, with a 0 top margin, 0 side margins except -10px on the left, 2px bottom margin, placed in the portrait grid area, and sized to the viewport width minus any scrollbar. Its inner divs take full width with no inline margins, and the outer div has no bottom margin. At 30em and above, the left margin becomes -20px. At 46.25em and above, it becomes -10px with a max-width of 738px. At 61.25em and above, the styles continue.A szöveg, amit megadtĂĄl, CSS-kĂłd, nem prĂłza, Ă­gy nincs termĂ©szetes angol, amit Ășjra lehetne Ă­rni. Ha egy mĂĄsik szövegrĂ©szt szerettĂ©l volna kĂŒldeni, kĂ©rlek oszd meg, Ă©s szĂ­vesen segĂ­tek.Amikor egy hirdetĂ©si hely egy interaktĂ­v vĂ­zszintes vonalat követ a fƑ tartalmi oszlopban, tĂĄvolĂ­tsd el a felsƑ belsƑ margĂłt. Az interaktĂ­v cikkekben a kiemelt idĂ©zetek szĂ©lessĂ©ge legfeljebb 620 pixel lehet. Az immerzĂ­v elemek a teljes nĂ©zetablak szĂ©lessĂ©gĂ©t ĂĄtfogjĂĄk, a margĂłk minden törĂ©spontnĂĄl igazodnak: -10px kis kĂ©pernyƑkön, -20px 30em-tƑl, 738px maximĂĄlis szĂ©lessĂ©g 46.25em-nĂ©l, 978px 61.25em-nĂ©l, 1098px -160px bal margĂłval 71.25em-nĂ©l, Ă©s 1258px -240px bal margĂłval 81.25em-nĂ©l. Az immerzĂ­v elemeken belĂŒli figcaption-ök 20px soron belĂŒli belsƑ margĂłt kapnak 30em-tƑl, amelyek 71.25em-nĂ©l ismĂ©t eltĂĄvolĂ­tĂĄsra kerĂŒlnek.

A showcase ĂĄbrĂĄk hasonlĂł margĂłszabĂĄlyokat követnek: -160px bal margĂł 71.25em-tƑl Ă©s -240px 81.25em-tƑl. A figcaption-jeik statikusak Ă©s teljes szĂ©lessĂ©gƱek 620px-ig alapĂ©rtelmezĂ©s szerint, majd abszolĂșt pozicionĂĄltakkĂĄ vĂĄlnak 140px maximĂĄlis szĂ©lessĂ©ggel 71.25em-tƑl Ă©s 220px 81.25em-tƑl.

A soron belĂŒli elemek 630px-re vannak korlĂĄtozva 61.25em-tƑl. A "will-fade-in" osztĂĄllyal rendelkezƑ ĂĄbrĂĄk lĂĄthatatlanul Ă©s 50px-lel lejjebb tolva indulnak, majd lĂĄthatĂłvĂĄ Ă©s helyĂŒkre kerĂŒlnek, amikor a "fade-in" osztĂĄly hozzĂĄadĂĄsra kerĂŒl. A blockquote bekezdĂ©sek #121212 szövegszĂ­nt hasznĂĄlnak. A H2 cĂ­msorok 620px-re vannak korlĂĄtozva. A credits box bekezdĂ©sek 2px fĂŒggƑleges margĂłkat Ă©s nulla felsƑ belsƑ margĂłt kapnak.

71.25em-tƑl az interaktĂ­v fƑ oszlop pszeudo-eleme 12px-lel feljebb tolĂłdik, Ă©s a magassĂĄga 24px-lel növekszik. SötĂ©t mĂłdban (amikor a szĂ­nsĂ©ma nincs kifejezetten vilĂĄgosra ĂĄllĂ­tva), a body hĂĄttĂ©r a sötĂ©t hĂĄttĂ©r vĂĄltozĂłt hasznĂĄlja..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);ÁllĂ­tsd a background-repeat-et no-repeat-ra Ă©s a background-size-t contain-re. A legfeljebb 61.24em szĂ©les kĂ©pernyƑkön adj a body elemnek fehĂ©r hĂĄtteret, 0 -10px margĂłkat Ă©s 0 10px belsƑ margĂłkat. A 30em Ă©s 61.24em közötti kĂ©pernyƑkön ĂĄllĂ­tsd a body margĂłit 0 -20px-re Ă©s a belsƑ margĂłkat 0 20px-re. A legfeljebb 61.24em szĂ©les kĂ©pernyƑkön tĂĄvolĂ­tsd el a felsƑ margĂłt a body elemen belĂŒli #maincontent-rƑl.

PortrĂ© elrendezĂ©sƱ interaktĂ­v cikkeknĂ©l ĂĄllĂ­tsd a furniture wrapper headline szakaszĂĄn belĂŒli h1-t font-weight 500-ra. ÁllĂ­tsd a standfirst szakaszon belĂŒli bekezdĂ©st is font-weight 500-ra.

PortrĂ© elrendezĂ©sƱ feature interaktĂ­v cikkeknĂ©l ĂĄllĂ­tsd a cikktörzs h2 elemeit font-weight 200-ra. Ha egy h2 tartalmaz strong elemet, ĂĄllĂ­tsd a font-weight-jĂ©t 700-ra. Tedd a content meta kontĂ©neren belĂŒli gu-island elemet block megjelenĂ­tĂ©sƱvĂ©.

SötĂ©t portrĂ© elrendezĂ©sƱ feature vagy dropcap nĂ©lkĂŒ