@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){.La colonne de contenu principal pour les articles interactifs a une bordure gauche de 1px solid #dcdcdc, positionnée à -10px avec un z-index de -1. Sur les écrans d'au moins 81.25em de large, cette bordure se décale à -11px. Les éléments Atom à l'intérieur de cette colonne n'ont pas de marge supérieure ou inférieure, avec un padding de 12px en haut et en bas. Lorsqu'un paragraphe est suivi d'un élément atom, le padding est supprimé et remplacé par des marges de 12px en haut et en bas. Les éléments inline sont limités à 620px de large, et sur les écrans d'au moins 61.25em de large, les figures inline sont également limitées à 620px.
Pour les éléments média contenant une figure en boucle, la figcaption (sauf si masquée) se situe au z-index 6. Le bouton de boucle vidéo s'aligne en bas à droite avec une marge inférieure de 40px et une marge droite de 3px. Les conteneurs de contrôle mute et unmute sont positionnés au bord droit avec un padding gauche de 10px. Le bouton de légende se situe au z-index 100, et sur les écrans d'au moins 61.25em de large, il se déplace de 20px depuis le bas. Sur les écrans d'au moins 46.25em de large, les conteneurs cinemagraph n'ont pas de hauteur maximale.
Les îlots vidéo auto-hébergés dans le corps sont pleine largeur, limités à 620px, affichés comme des blocs avec des marges de 12px en haut et en bas. Leurs figures en boucle et vidéos sont pleine largeur, hauteur automatique, limitées à 620px, et centrées. Lorsque la figure en boucle est un élément vidéo immersif, l'îlot s'étend à pleine largeur avec des marges verticales de 12px, et la figure et la vidéo perdent leur largeur maximale et leur centrage. Sur les écrans d'au moins 71.25em de large, l'îlot immersif devient 1140px de large et se décale de 180px vers la gauche, avec les figcaptions indentées de 20px. Sur les écrans d'au moins 81.25em de large, il devient 1300px de large et se décale de 260px vers la gauche.
La racine définit plusieurs propriétés personnalisées : couleur de dateline #606060, bordure d'en-tête #dcdcdc, texte de légende #999, arrière-plan de légende hsla(0, 0%, 7%, .72), couleur de feature #c70000, et une nouvelle couleur de pilier qui se rabat sur le pilier principal ou la couleur de feature. Les sous-titres, pullquotes et icônes de pullquote utilisent la couleur de pilier secondaire, tandis que les blockquotes utilisent la couleur de texte de l'article. Les blockquotes reçoivent également une couleur de remplissage du pilier secondaire. En mode sombre (sauf si le schéma de couleurs est explicitement défini sur clair), les sous-titres, pullquotes et icônes de pullquote passent à la couleur de pilier du mode sombre, et les blockquotes utilisent la même pour leur remplissage.
Les éléments Atom n'ont pas de padding. Lorsqu'un élément atom est le premier de son type et est suivi d'un paragraphe, d'une porte de connexion, d'un autre atom, ou similaire, le paragraphe suivant reçoit un espacement spécial. Il en va de même pour les règles horizontales qui ne sont pas la dernière, et pour les paragraphes suivant les emplacements publicitaires. Ces règles s'appliquent également dans le conteneur du corps de l'article.Le texte que vous avez fourni est du code CSS, pas de la prose, donc il n'y a pas d'anglais naturel à réécrire. C'est un ensemble de sélecteurs qui ajoutent 14px de padding supérieur au premier paragraphe après certains éléments (comme le premier élément atom, une porte de connexion, ou une règle horizontale) à travers plusieurs conteneurs, plus une règle pour styliser la première lettre de ces paragraphes.
Si vous le souhaitez, je peux expliquer ce que fait ce CSS en anglais simple, ou vous aider à le simplifier ou le refactoriser.Je ne peux pas réécrire cela en anglais fluide—c'est du code CSS, pas de la prose. Si vous le souhaitez, je peux expliquer ce que font les styles en anglais simple, ou vous pouvez partager le texte réel que vous voulez réécrire.Ce code CSS définit une mise en page responsive pour les en-têtes d'articles, les titres, les métadonnées, les standfirsts et les portraits. Il utilise CSS Grid pour organiser ces éléments à travers différentes tailles d'écran, avec des points de rupture à 61.25em, 71.25em et 81.25em. La mise en page ajuste les structures de colonnes et de lignes, ajoute des bordures, et stylise les liens et les figures pour garantir que le contenu s'affiche correctement sur divers appareils..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfPremier, lien d'élément de liste survol, lien standfirst de furniture wrapper survol, et lien d'élément de liste standfirst de furniture wrapper survol : supprimer la bordure inférieure et définir la couleur de décoration du texte sur la nouvelle couleur de pilier ou la fonctionnalité du mode sombre.
Paragraphes standfirst de furniture wrapper, paragraphes standfirst, et paragraphes d'attribut de données standfirst : définir la couleur sur #dcdcdc.
À une largeur minimale de 61.25em : le premier paragraphe dans furniture wrapper standfirst, standfirst, et standfirst d'attribut de données reçoit une bordure supérieure de 1px solid header border color.
À une largeur minimale de 71.25em : le premier paragraphe dans ces mêmes éléments standfirst n'a pas de bordure supérieure.
Éléments de liste standfirst de furniture wrapper, éléments de liste standfirst, et éléments de liste d'attribut de données standfirst : définir la couleur sur #dcdcdc.
À une largeur minimale de 71.25em : le pseudo-élément before de furniture wrapper standfirst, standfirst, et standfirst d'attribut de données reçoit une couleur d'arrière-plan de header border color.
À une largeur minimale de 46.25em : le pseudo-élément before de furniture wrapper reçoit content, hauteur complète, top 0, position absolue, couleur d'arrière-plan sombre, bordure droite de 1px solid header border color, position gauche calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 738px divisé par négatif 2, et largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 738px divisé par 2. Le pseudo-élément after de furniture wrapper reçoit content, hauteur complète, top 0, position absolue, couleur d'arrière-plan sombre, bordure gauche de 1px solid header border color, position droite calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 738px divisé par négatif 2, et largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 738px divisé par 2.
À une largeur minimale de 61.25em : le pseudo-élément before de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 978px divisé par 2, et position gauche calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 978px divisé par négatif 2. Le pseudo-élément after de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 978px divisé par 2, et position droite calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 978px divisé par négatif 2.
À une largeur minimale de 71.25em : le pseudo-élément before de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1138px divisé par 2, et position gauche calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1138px divisé par négatif 2. Le pseudo-élément after de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1138px divisé par 2, et position droite calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1138px divisé par négatif 2.
À une largeur minimale de 81.25em : le pseudo-élément before de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1298px divisé par 2, et position gauche calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1298px divisé par négatif 2. Le pseudo-élément after de furniture wrapper reçoit content, largeur calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1298px divisé par 2, et position droite calculée à partir de la largeur de viewport moins la largeur de scrollbar moins 1298px divisé par négatif 2.
Svg keyline-4 de furniture wrapper et svg d'attribut de données lines : définir le stroke sur header border color.
Meta social de furniture wrapper, span de lien d'élément de liste meta social, commentaire meta, meta social d'attribut de données meta, span de lien d'élément de liste meta social d'attribut de données meta, et commentaire meta d'attribut de données meta : définir la couleur de bordure sur header border color.
H2 du corps de l'article et h2 du corps de contenu interactif : définir le poids de police sur 200. Si le h2 contient strong, définir le poids de police sur 700.
Div avec attribut ul print layout hide : supprimer l'image d'arrière-plan.
Racine avec attribut rendering target apps : définir follow text sur #dcdcdc, follow icon fill sur nouvelle couleur de pilier, standfirst text sur #dcdcdc, standfirst link text sur nouvelle couleur de pilier, standfirst link border sur nouvelle couleur de pilier, byline sur nouvelle couleur de pilier, article meta lines sur header border color, et byline sur dark mode pillar.
Racine avec attribut rendering target apps byline span : définir la couleur sur nouvelle couleur de pilier.
Racine avec attribut rendering target apps byline span div qui a un élément FollowWapper suivant : définir l'image d'arrière-plan sur header border color, header border color 1px, et transparent 1px.
À la requête média prefers color scheme.Tout le monde à Exmouth Marina savait qu'il y avait une bombe allemande non explosée dans l'eau. Les anciens du dock le disaient depuis la fin de la Seconde Guerre mondiale. Mais la marina avait été draguée et re-draguée et rien n'était jamais remonté. Cela avait commencé à ressembler à une vieille histoire de bonnes femmes. La marina est un plan d'eau animé : un port commercial jusqu'à la fin des années 1990 qui avait depuis été converti en domicile pour yachts privés. Une bombe, penseriez-vous, aurait du mal à rester cachée. Mais au milieu de l'après-midi du mercredi 14 janvier 2026, 81 ans après la fin de la Seconde Guerre mondiale, Steve Hockings-Thompson, le directeur d'Exmouth Marina, a reçu un appel de l'équipage d'un navire de dragage lui disant qu'il ferait mieux de venir sur le bateau. « J'ai pensé : "Oh là là. Nous avons un petit problème ici" », a décl
