@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) {Here is the text rewritten in fluent, natural English:
For interactive main content columns, a light gray vertical line appears on the left side. On wider screens, this line shifts slightly further left. Within these interactive columns, embedded elements have no top or bottom margin but include 12 pixels of padding above and below. When an embedded element follows a paragraph, the padding is removed and replaced with 12-pixel margins instead. Inline elements are capped at 620 pixels wide, and on medium screens and up, inline figures also max out at 620 pixels.
When a media section contains a looping video figure, the caption sits above other elements. The video loop button aligns to the bottom-right with some spacing. The mute and unmute controls shift to the right edge with a small left padding. The caption button sits on top of everything, and on medium screens and up, it moves up by 20 pixels. On smaller medium screens, cinemagraph containers can expand to their full height.
Self-hosted video islands within the body span the full width up to 620 pixels and have 12-pixel top and bottom margins. The video figure and the video itself fill that width, stay centered, and maintain their aspect ratio. When the video is set to immersive mode, the width restriction is removed and the margins change. On large screens, immersive videos break out to 1140 pixels wide and shift left by 180 pixels, with the caption indented by 20 pixels. On even larger screens, the immersive video expands to 1300 pixels wide and shifts left by 260 pixels.
Each article theme defines its own color palette through a set of custom properties. The News theme uses deep reds ranging from dark maroon to soft pink. Lifestyle uses purples and pinks, from dark plum to pale rose. Culture uses earthy browns and tans. Sport uses blues, from dark navy to bright sky blue. Opinion uses muted reds and browns. Labs uses teals and aquas, from deep green-blue to very pale mint. Special Report uses dark grays with a muted blue-gray accent. Special Report Alt uses dark charcoal, burnt orange, and warm off-white tones.: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.The text you provided is CSS code, not prose, so there’s no natural English to rewrite. If you meant to send a different piece of text, please share it and I’ll be happy to help.When an ad slot follows an interactive horizontal rule in the main content column, remove the top padding. Pull quotes in interactive articles should be limited to 620px wide. Immersive elements should span the full viewport width, with margins adjusted at each breakpoint: -10px on small screens, -20px from 30em, max-widths of 738px at 46.25em, 978px at 61.25em, 1098px with a -160px left margin at 71.25em, and 1258px with a -240px left margin at 81.25em. Figcaptions inside immersive elements get 20px inline padding from 30em, removed again at 71.25em.
Showcase figures follow similar margin rules: -160px left margin from 71.25em and -240px from 81.25em. Their figcaptions are static and full-width up to 620px by default, then become absolutely positioned with a max-width of 140px from 71.25em and 220px from 81.25em.
Inline elements are capped at 630px from 61.25em. Figures with the “will-fade-in” class start invisible and shifted down 50px, then transition to visible and in place when the “fade-in” class is added. Blockquote paragraphs use #121212 text. H2 headings are limited to 620px. Credits box paragraphs get 2px vertical margins and no top padding.
From 71.25em, the interactive main column’s pseudo-element is shifted up 12px and its height increased by 24px. In dark mode (when the color scheme isn’t explicitly set to light), the body background uses the dark background variable..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);Set background-repeat to no-repeat and background-size to contain. For screens up to 61.24em wide, give the body element a white background, margins of 0 -10px, and padding of 0 10px. For screens between 30em and 61.24em wide, set the body margins to 0 -20px and padding to 0 20px. On screens up to 61.24em wide, remove the top margin from #maincontent inside the body element.
For interactive articles with a portrait layout, set the h1 inside the headline section of the furniture wrapper to font-weight 500. Also set the paragraph inside the standfirst section to font-weight 500.
For interactive articles with a portrait layout feature, set h2 elements in the article body to font-weight 200. If an h2 contains a strong element, set its font-weight to 700. Make the gu-island element inside the content meta container display as a block.
For interactive articles with a dark portrait layout feature or a dark portrait layout feature without a dropcap, override the pillar colour with the dark mode pillar or dark mode feature variable. Set the header border colour to #606060, the dark mode feature colour to #ff5943, the dark background to #1a1a1a, the dark feature text colour to #dcdcdc, the dark feature meta text colour to #999, the follow icon fill to the dark mode feature colour, and the article meta lines to the header border colour.
In these dark layouts, hide any section or aside that directly follows a nav element, and hide any section that directly follows an aside. Give the furniture wrapper a dark background with margins of 0 -10px and padding of 0 10px. On screens at least 30em wide, change the furniture wrapper margins to 0 -20px and padding to 0 20px.
On screens up to 61.24em wide, give the standfirst, lines, meta, and figcaption inside the furniture wrapper a z-index of 10 and force the dark background colour. Also give the figcaption and meta elements a left margin of -10px and left padding of 10px.
For screens at least 61.25em wide, continue with the remaining styles for interactive articles.For interactive articles with a dark portrait layout feature, the furniture wrapper gets 20px of padding on each side. On screens at least 81.25em wide, the furniture wrapper gets decorative elements on both sides: a left element that extends to the edge of the viewport with a dark background and a right border, and a right element with a dark background that also extends to the viewport edge. The article header and title links and spans inside the furniture wrapper are forced to use the dark mode feature color. On screens at least 61.25em wide, the first child div of the headline gets a top border. The headline h1 is bold and uses the feature dark text color. The headline figure has no top margin and a 2px bottom margin. The meta section has a dark background.The CSS selectors target the meta section of interactive articles with dark portrait layouts, including both dropcap and no-dropcap versions. They style the follow wrapper button’s inner elements by setting the fill color to the dark mode feature color and adding a border using the article meta lines color.
For the branding image inside the meta section, a filter is applied to invert the colors.
On screens at least 71.25em wide, a pseudo-element before the meta section gets a background color from the header border color variable.
Details and summary elements, including spans inside summary, are colored with the feature dark text variable.
Social links and buttons within the meta social section have their border color set to the article meta lines color and their text color set to the dark mode feature color. SVGs inside these social links and buttons are also targeted, though the rule is cut off.For interactive articles with a dark feature layout, whether or not they have a drop cap, the social media icons in the meta section of the furniture wrapper are filled with the dark mode feature color. When you hover over these social media links or buttons, the text turns to the dark background color and the background becomes the dark mode feature color, while the icons themselves are filled with the dark background color. Any divs inside the meta section use the feature dark text meta color. Links inside the meta section use the dark mode feature color, and on hover they keep that color with the underline matching as well.For dark-mode interactive portrait-layout feature articles, links in the meta and standfirst sections use the dark-mode text color, with no bottom border and no background image. Standfirst links are underlined with a 1px line offset 6px below the text, colored to match the dark-mode feature color. On hover, the underline color stays the same and the bottom border remains removed. Standfirst paragraphs use the feature dark text color. On screens at least 61.25em wide, the first standfirst paragraph in these dark-mode interactive portrait-layout features follows the same styling.For interactive articles with a dark portrait layout, the first paragraph of the standfirst has a top border. On wider screens (at least 71.25em), this top border is removed. List items in the standfirst use the dark feature text color. On wider screens, the standfirst’s before element uses the header border color as its background. On screens at least 46.25em wide, the furniture wrapper gets before and after elements that are full height, positioned at the top, with a dark background and a border on the right or left respectively. These elements extend beyond the content area, with their width and position calculated based on the viewport width minus the scrollbar and either 738px or 978px, depending on the screen size.:””;width:calc((100vw – var(–scrollbar-width, 0px) – 978px) / 2);right:calc((100vw – var(–scrollbar-width, 0px) – 978px) / -2)}}@media (min-width: 71.25em){article.content–interactive.portrait-layout-feature-dark .furniture-wrapper:before,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper:before{content:””;width:calc((100vw – var(–scrollbar-width, 0px) – 1138px) / 2);left:calc((100vw – var(–scrollbar-width, 0px) – 1138px) / -2)}article.content–interactive.portrait-layout-feature-dark .furniture-wrapper:after,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper:after{content:””;width:calc((100vw – var(–scrollbar-width, 0px) – 1138px) / 2);right:calc((100vw – var(–scrollbar-width, 0px) – 1138px) / -2)}}@media (min-width: 81.25em){article.content–interactive.portrait-layout-feature-dark .furniture-wrapper:before,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper:before{content:””;width:calc((100vw – var(–scrollbar-width, 0px) – 1298px) / 2);left:calc((100vw – var(–scrollbar-width, 0px) – 1298px) / -2)}article.content–interactive.portrait-layout-feature-dark .furniture-wrapper:after,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper:after{content:””;width:calc((100vw – var(–scrollbar-width, 0px) – 1298px) / 2);right:calc((100vw – var(–scrollbar-width, 0px) – 1298px) / -2)}}article.content–interactive.portrait-layout-feature-dark .furniture-wrapper .keyline-4 svg,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper [data-gu-name=lines] svg,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper .keyline-4 svg,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper [data-gu-name=lines] svg{stroke:var(–headerBorderColor)}article.content–interactive.portrait-layout-feature-dark .furniture-wrapper #meta .meta__social,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper #meta .meta__social ul li a span,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper #meta .meta__comment,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper [data-gu-name=meta] .meta__social,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,article.content–interactive.portrait-layout-feature-dark .furniture-wrapper [data-gu-name=meta] .meta__comment,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper #meta .meta__social,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper #meta .meta__social ul li a span,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper #meta .meta__comment,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper [data-gu-name=meta] .meta__social,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(–article-meta-lines)}article.content–interactive.portrait-layout-feature-dark .furniture-wrapper figcaption,article.content–interactive.portrait-layout-feature-dark-no-dropcap .furniture-wrapper figcaption{color:var(–feature-dark-text-meta)}article.content–interactive.portrait-layout-feature-dark .article .article__body h2,article.content–interactive.portrait-layout-feature-dark [data-gu-name=body] h2,article.content–interactive.portrait-layout-feature-dark-no-dropcap .article .article__body h2,article.content–interactive.portrait-layout-feature-dark-no-dropcap [data-gu-name=body] h2{font-weight:200}article.content–interactive.portrait-layout-feature-dark .article .article__body h2:has(strong),article.content–interactive.portrait-layout-feature-dark [data-gu-name=body] h2:has(strong),article.cFor interactive articles with a portrait layout, dark theme, and no drop cap, make the following style adjustments:
– Bold any `h2` headings that contain a `` tag.
– Remove background images from `ul` lists inside hidden print-layout containers.
– Apply special styling to the first paragraph that follows the first atom element in the article body, feature body, or main body section. This applies whether the paragraph comes directly after the atom element or after an unsafe embed block, sign-in gate, or another atom element.When an article uses the interactive portrait layout with the dark feature and no drop cap, the first paragraph that follows the first element atom gets 14px of top padding. Also, in that same layout, the first letter of that first paragraph is styled as a drop cap. This applies whether the paragraph comes right after the first element atom, after a figure containing an unsafe embed block, after a sign-in gate, after another element atom, or after a figure with an unsafe embed block plus a sign-in gate. It also applies within the article body, the interactive content container, and the feature body.The text you provided is CSS code, not prose, so there is no natural-language meaning to preserve or simplify. If you meant to paste an article or paragraph, please share that text and I’ll rewrite it in fluent, natural English.For interactive portrait layout features with pride styling that are not in light mode, the primary pillar uses the drop cap color, and the secondary pillar uses the editorial button background. The standfirst text, dateline, follow text, header border, and headline color are all set to #121212. The byline anchor and follow icon fill use the secondary pillar color, and the series title text also uses the secondary pillar color. In these articles, the furniture wrapper has a white background. The branding island sets its label text to #121212 and its link text to the secondary pillar color, and its images are inverted.
For interactive portrait layout opinion articles, the background is set to #fef9f5, and the pullquote background, article section background, and sub-meta background all use the same color. In dark mode, unless light mode is specified, the opinion background becomes #1a1a1a, and the sub-meta and article section backgrounds follow suit. The lines element is hidden. The furniture wrapper is positioned relatively. At wider breakpoints, the furniture wrapper uses a grid layout with specific row sizes for the title, portrait, headline, standfirst, and meta sections. When a thumbnail is present, the grid rows adjust at different breakpoints. The headline text in the furniture wrapper is set to font weight 200 with no maximum width and a font size of 32px, increasing to 50px at larger breakpoints.When you hover over a headline link in an interactive opinion article with a portrait layout, the underline becomes 2px thick and sits 6px below the text.
In the same layout, byline text spans that don’t contain a gu-island element are set to 32px with a font weight of 100. On screens at least 71.25em wide, that size increases to 50px.
The headline’s inner container has no bottom padding.
The standfirst section is positioned relatively. Paragraphs, links, and list items inside the standfirst all use a font weight of 100. On screens at least 61.25em wide, the standfirst has no top padding; on screens at least 71.25em wide, it gets 2px of top padding.
The portrait main media headline wrapper fills its height, is positioned relatively, and hides overflow. It has an after element that creates a background using the opinion background color (defaulting to #fef9f5) with a repeating horizontal line pattern. This element sits at the bottom left, is 28px tall, spans the full width, and sits behind other content. On screens up to 61.24em wide, it has a 4px bottom margin.For the opinion portrait layout, the thumbnail figure inside the headline wrapper should span the full width with no side margins and an 18px bottom margin. Its inner div should have no fixed height, and both the picture and the inner link should use flex display. The image should be 120px wide and aligned to the right, increasing to 140px on wider screens. Hide the figcaption. For landscape thumbnails, set the image width to 200px, or 240px on wider screens. If there’s no thumbnail, add 28px of bottom padding.
In the interactive main column, the first paragraph’s drop cap should use a font weight of 300. H2 headings should use the pillar colour (defaulting to #8d2700), weight 300, size 28px (32px on wider screens), normal style and line height, with an 8px bottom margin.
For the obituary portrait layout, set the pillar colour to #c1d8fc, the secondary pillar to #1a1a1a, and the dark mode pillar to the new pillar colour. Follow text should be #dcdcdc, with the follow icon filled in the pillar colour. Standfirst text should be #dcdcdc, with links in the pillar colour and a matching border. Bylines should use the pillar colour, and article meta lines should be #606060.
In dark mode (unless the colour scheme is explicitly set to light), subheadings, pull quotes, and pull quote icons should use the pillar colour, block quotes should be filled with it, and the follow icon should also use it. In light mode, invert the branding image.
Atom elements should have no padding. Hide any section or aside that directly follows the nav, and any section that directly follows an aside. Also hide the drop cap on the first paragraph that follows the first atom element, whether or not a sign-in gate sits between them.For interactive articles with a portrait obituary layout, the first letter of the first paragraph after the first element, sign-in gate, or #sign-in-gate in the article body, content, feature body, or body section should be styled with a font weight of 400 and a drop cap color of #1a1a1a.
For interactive articles with a portrait obituary layout, links inside #maincontent, #feature-article-container, #standard-article-container, or #comment-article-container within the article body, content, feature body, or body section—excluding those marked with data-ignore=global-link-styling—should be colored #1a1a1a with a 1px solid #1a1a1a bottom border.
For interactive articles with a portrait obituary layout, the same links should change appearance on hover.For interactive obituary articles with a portrait layout, links inside the main content, feature article container, standard article container, and comment article container should turn gray (#606060) and get a gray bottom border when hovered over, unless they have the `data-ignore=global-link-styling` attribute. This applies whether the links are in the main content area, the feature body, or the body section.
The furniture wrapper (the area around the article’s header and metadata) should have a relative position, a dark background (#1a1a1a), and negative side margins with some padding at the bottom.
On screens at least 30em wide, the wrapper’s negative margins increase, and the social media icons in the meta section get 10px of bottom padding.
On screens at least 61.25em wide, the wrapper gets a left negative margin and adjusted padding. Pseudo-elements are added before and after the wrapper to extend the dark background beyond the content area, with a gray right border on the left pseudo-element. The social media icons lose their bottom padding.
On screens at least 71.25em wide, the pseudo-elements recalculate their width and position based on a wider content area (1140px instead of 980px). The meta section’s pseudo-element gets a gray background and sits behind other content. The standfirst section also gets a pseudo-element..trait-layout-obituary .furniture-wrapper [data-gu-name=standfirst]:before{height:100%;left:-.5px}}@media (min-width: 81.25em){article.content–interactive.portrait-layout-obituary .furniture-wrapper:before{width:calc((100vw – 1300px – var(–scrollbar-width, 0) + 2px) / 2);left:calc((100vw – 1300px – var(–scrollbar-width, 0) + 2px) / -2)}article.content–interactive.portrait-layout-obituary .furniture-wrapper:after{width:calc((100vw – 1300px – var(–scrollbar-width, 0) + 2px) / 2);right:calc((100vw – 1300px – var(–scrollbar-width, 0) + 2px) / -2)}article.content–interactive.portrait-layout-obituary .furniture-wrapper .standfirst:before,article.content–interactive.portrait-layout-obituary .furniture-wrapper #standfirst:before,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=standfirst]:before{left:-2px}}article.content–interactive.portrait-layout-obituary .furniture-wrapper .article-header .content__labels,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=title] .content__labels{display:flex;gap:8px;align-items:center}article.content–interactive.portrait-layout-obituary .furniture-wrapper .article-header .content__labels:before,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=title] .content__labels:before{content:”Obituary”;background-color:#c1d8fc;padding:2px 6px 4px;margin:8px 0 4px;display:block;font-size:17px;font-weight:600;width:-moz-max-content;width:max-content;font-family:Guardian Headline,Guardian Egyptian Web,Guardian Headline Full,Georgia,serif;color:#1a1a1a}@media (min-width: 81.25em){article.content–interactive.portrait-layout-obituary .furniture-wrapper .article-header .content__labels:before,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=title] .content__labels:before{font-size:1.25rem}}article.content–interactive.portrait-layout-obituary .furniture-wrapper .article-header .content__labels>div a:hover,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=title] .content__labels>div a:hover{color:#c1d8fc}article.content–interactive.portrait-layout-obituary .furniture-wrapper .article-header .content__labels>div a span,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=title] .content__labels>div a span{color:#c1d8fc}article.content–interactive.portrait-layout-obituary .furniture-wrapper #headline h1,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=headline] h1,article.content–interactive.portrait-layout-obituary .furniture-wrapper .headline h1{font-size:34px;font-weight:200;color:#dcdcdc}@media (min-width: 61.25em){article.content–interactive.portrait-layout-obituary .furniture-wrapper #headline>div:first-child,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=headline]>div:first-child,article.content–interactive.portrait-layout-obituary .furniture-wrapper .headline>div:first-child{border-top:var(–dateline) 1px solid}}article.content–interactive.portrait-layout-obituary .furniture-wrapper #meta a,article.content–interactive.portrait-layout-obituary .furniture-wrapper #meta a:not([data-ignore=global-link-styling]),article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=meta] a,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=meta] a:not([data-ignore=global-link-styling]){color:#c1d8fc}article.content–interactive.portrait-layout-obituary .furniture-wrapper #meta .meta__social a,article.content–interactive.portrait-layout-obituary .furniture-wrapper #meta .meta__social button,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=meta] .meta__social a,article.content–interactive.portrait-layout-obituary .furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(–dateline);color:#c1d8fc}article.content–interactive.portrait-layout-obituary .furniture-wrapper #meta .meta__social a svgIn the interactive portrait-layout obituary, the social media icons in the meta section are filled with light blue. When you hover over the social media links or buttons, their border and background turn light blue, the text becomes dark, and the icons also turn dark. Any divs in the meta section have gray text. The social media and comment sections have dark gray borders. The standfirst section has a colored bar before it, and its first paragraph has a top border in the dateline color, though this border is removed on wider screens. List items in the standfirst are light gray, and links within the standfirst paragraphs or list items are light blue with a bottom border.A 1px solid #c1d8fc border. In the obituary portrait layout, the SVG elements in the keyline-4 and lines sections of the furniture wrapper use a #606060 stroke. In dark mode, for the obituary portrait layout without a light color scheme, the drop cap color is set to #c1d8fc for the first letter of the first paragraph after the first atom element, the first paragraph after a sign-in gate, and the first paragraph after a #sign-in-gate, across the article body, interactive content, feature body, and body sections.
The Guardian Headline Full font is defined with multiple weights and styles. The light weight (300) is available in normal and italic styles, and the regular weight (400) is also available in normal and italic styles. Each style is provided in WOFF2, WOFF, and TrueType formats.This sets up the Guardian Headline Full font family with multiple weights and styles. Each weight—regular, medium, semibold, bold, and black—has both normal and italic versions. The font files are loaded from the Guardian’s asset server in three formats: WOFF2, WOFF, and TTF, so they work across different browsers.As the war in Gaza nears its fourth year, the Guardian is following five ordinary Palestinians this week as they go about their daily lives. Each will share the story of their day, revealing the terrible toll of the ongoing conflict.
Alaa Hessi takes each step carefully: she lifts her foot and plants it heavily on the stair above, takes a breath, and slides her hand up the railing. The wooden staircase, resting on a jumble of rubble, shakes with every movement. Her pregnant belly slows her down.
At the top of the stairs, she pauses to catch her breath, then walks onto the platform that was once the upper floor of her family’s home. A tent now stands where the house used to be. Beneath her feet are the ruins of the home where she raised her three children—Waseem, 10, Mohannad, 7, and Khawla, 5—and where they died, all three killed in an Israeli airstrike that destroyed the house.
In about a month, Alaa will give birth again.
Daybreak
“The sound that wakes me in the morning is the buzzing of flies inside the tent and the noise of our neighbours.
There is no privacy in the tents, and no safety either. Everyone here hears each other’s secrets. We hear people when they go to the bathroom. We can even hear them breathing. The window of my tent faces the yellow line directly. You can see the Israeli army positions from here, and sometimes they fire at us.”
Alaa makes tea over an open flame because cooking gas is scarce in Gaza.
“My husband and I love drinking tea in the morning, but making tea has become a challenge because Israel has blocked cooking gas from entering Gaza, and gas is extremely scarce. We still rely on firewood and open flames to cook and prepare hot drinks. Gathering wood and making a fire is enough to exhaust me.
After I drink my tea, I tidy the tent and try to cook as early as possible before the sun gets too intense. I also hand-wash my husband’s clothes and my own, which is physically exhausting now that I’m eight months pregnant.”
Morning
Alaa opens the window—a tarpaulin flap on the side of the tent, a hole looking out into the open air. As her eyes adjust to the brightness, it’s clear that everything in sight has been destroyed. The landscape is a mass of shScattered concrete and twisted steel. Above: the view from Alaa’s tent. Below: Alaa walks to her prenatal appointment.
“Today, I have a prenatal appointment to check on the baby’s progress. The place is far away, and I walk there—usually there is no vehicle that can give me a ride. It’s 34°C, and walking through bombed streets filled with rubble and insects in the heat of the day is extremely hard. The place where I get prenatal care is a tent, not a proper healthcare facility. The doctors have prescribed me nutritional supplements for my pregnancy. I have been pregnant before, and I can tell this pregnancy is different: no matter how much I try to make up for the nutritional deficiencies and food deprivation I lived through in the war, my body remains exhausted. Food is scarce. My husband buys me fruits and vegetables and refuses to eat them himself, because he can only afford small amounts. When I learned that I was pregnant, I felt two completely opposite emotions. I was happy that I would have a child, but I also cried constantly because I missed my children—Waseem, Mohannad and Khawla. Everything reminds me of them. When I crave certain foods, I remember Waseem, because I loved those foods when I was pregnant with him. I do not tell nurses at the clinic about my circumstances and my children who died, because even the healthcare workers are emotionally exhausted. They are unable to offer comfort or psychological support. My story is not unusual in Gaza. Many women here have lost their children. After the appointment with the nutritionist, I also have an appointment with the maternity psychologist. They tell me to focus on my breathing: take a deep breath, hold it and let it out slowly. Then I walk home.”
Satellite image. Afternoon.
Tackling the stairs again, Alaa heaves a blue backpack up to the tent. It contains some of her dead children’s clothes, which she hopes the new baby might someday wear. Many of them were damaged by the bomb blast—ripped, their edges burned, but still wearable. She carefully unfolds a Snoopy T-shirt and a hat with two fluffy pompoms, pulls out a scarf for Castleview AFC—a small football club in Cork—that her son Waseem treasured. “He wore it all the time, even in summer. I would say, ‘Waseem it’s too hot, take it off!’ And he would say, ‘No, I love it.'”
“I spend the afternoon with my brother, trying to decide how to store the clothes for the new baby. He suggests a sturdy cardboard or wooden box. The thing that we are worried about is the rats: the rats are everywhere. We hear them every night, and they always find their way into the tent. I sewed up the place where they entered, and they chewed a new way in—today we found another hole in the side of the tent. I wonder if we could use rat poison, but my brother fears that then the rats will die here in the tent and spread disease. For the baby who’s coming, all I want is a safe place where the rats can’t reach. The baby will be so small, and I am terrified for him. I would like to have a proper crib for him, but cribs are hard to find in Gaza now, and the tent is already overcrowded. What I wish the world outside Gaza understood is how humiliating life in a tent really is. It is difficult, degrading and profoundly inhumane. Death still surrounds us in every direction.”
Alaa looks through the clothing that belonged to her three children, who were killed in an Israeli strike.
Evening.
As late afternoon approaches, Alaa scrolls through her photos of her children. The smartphone that holds them, like so many in Gaza, is old, and its screen is cracked—after a long blockade, new smartphones are now being shipped in, but they are expensive, and many families cannot afford them. The children’s voices chime thinly from the speaker. Khawla and her older brother teasing each other. “Mama, I’m the sweet one!” Khawla shouts. Mohannad laughs, calls back: “No—I’m the sweet one!”A woman watches videos of her three children, who were killed in an air strike.
“I only really speak about my children with my husband. He is the only person who carries the same pain and truly understands what is in my heart.
When I become weak, he gives me strength. When he struggles, I try to comfort him and support him emotionally. We spend hours talking about our children – their personalities, the things they loved and the way they behaved. We even visit their graves together.
This place still holds the memories of my children. It reminds me of our beautiful life together before. When I look at this rubble, I remember my children – the life I shared with them, raising them, preparing food for them and teaching them. Everything beautiful disappeared after they were gone.
Sometimes, fear controls me because I lost my children, and I’m afraid of losing my baby again. I hope my new baby will live a better life than the one his siblings experienced, and that he will be safe.”
Shortly after this story was reported, Alaa gave birth to a healthy baby boy. She named him Waseem, after his older brother.
Credits
Video: Tantesh Media Services
Art direction: Harry Fischer, Anaïs Mims, Barry Ainslie and Alessia Amitriano
Video editor/producer: Joshua Jacob
Video executive producers: Temujin Doran and Augusta Anthony
Additional reporting and research: Aseel Mousa and Harriet Barber
Frequently Asked Questions
Here is a list of frequently asked questions regarding the topic I lost my children and Im afraid of losing my baby again A day in the life of a pregnant woman in Gaza
Beginner Questions Understanding the Situation
1 What is the main subject of this topic
It focuses on the daily struggles of a pregnant woman in Gaza who has already lost children in the conflict and is now living in constant fear of losing her unborn baby due to the unsafe conditions
2 What does I lost my children mean in this context
It means the mother has experienced the death of her previous children usually due to airstrikes shrapnel or lack of medical care leaving her with deep trauma
3 Why is she afraid of losing her baby again
Because the environment is dangerous She faces bombings malnutrition and a lack of clean water or hospitals which makes pregnancy very highrisk
4 What is a day in the life like for her
It is a mix of physical survival and emotional terror She spends the day trying to stay alive while constantly worrying about her unborn childs safety
5 Who is considered a pregnant woman in Gaza in this context
Any woman living in the Gaza Strip who is currently pregnant and has previously lost a child due to the ongoing conflict
Intermediate Questions Challenges and Definitions
6 What are the biggest physical health risks she faces
She faces severe malnutrition dehydration and limited access to prenatal vitamins or doctors These can cause premature birth or stillbirth
7 What is psychological trauma in this situation
It is the severe mental distress caused by losing children and living under constant bombing This stress can physically harm the pregnancy causing high blood pressure or early labor
8 How does the lack of hospitals affect her
Many hospitals are destroyed or overcrowded She may have nowhere to give birth safely and there may be no doctors available if she has complications
9 What does displacement mean for a pregnant woman
It means being forced to leave her home and move to a tent or a crowded shelter This makes it hard to rest stay clean or keep her baby safe
