@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){.العمود الرئيسي للمحتوى للمقالات التفاعلية له حد أيسر بسماكة 1 بكسل بلون #dcdcdc، موضوع عند -10 بكسل مع z-index بقيمة -1. على الشاشات التي يبلغ عرضها 81.25em على الأقل، ينتقل هذا الحد إلى -11 بكسل.
داخل هذا العمود، عناصر الذرة ليس لها هامش علوي أو سفلي ولكن تحصل على 12 بكسل من الحشو على كلا الجانبين. عندما يتبع عنصر ذرة فقرة، تتم إزالة الحشو ويحصل على هوامش 12 بكسل بدلاً من ذلك. العناصر المضمنة محدودة بعرض 620 بكسل، وعلى الشاشات التي يبلغ عرضها 61.25em على الأقل، تكون الأشكال المضمنة أيضًا بحد أقصى 620 بكسل.
بالنسبة لأقسام الوسائط التي تحتوي على أشكال متكررة، يجلس figcaption فوق العناصر الأخرى مع z-index بقيمة 6. يتم محاذاة زر تكرار الفيديو إلى أسفل اليمين مع هامش سفلي 40 بكسل وهامش أيمن 3 بكسل. حاويات التحكم في كتم الصوت وإلغاء كتم الصوت تجلس ملاصقة لليمين مع حشو أيسر 10 بكسل. زر التسمية التوضيحية له z-index بقيمة 100، وعلى الشاشات التي يبلغ عرضها 61.25em على الأقل، يجلس على بعد 20 بكسل من الأسفل. على الشاشات التي يبلغ عرضها 46.25em على الأقل، حاويات cinemagraph ليس لها ارتفاع أقصى.
جزر الفيديو المستضافة ذاتيًا في النص بعرض كامل حتى 620 بكسل، معروضة ككتل مع هوامش علوية وسفلية 12 بكسل. أشكالها المتكررة ومقاطع الفيديو الخاصة بها أيضًا بعرض كامل حتى 620 بكسل، متمركزة. عندما تكون هذه المقاطع غامرة، تتم إزالة حد العرض وتصبح الهوامش 12 بكسل علوي وسفلي. على الشاشات التي يبلغ عرضها 71.25em على الأقل، تتوسع المقاطع الغامرة إلى 1140 بكسل وتنتقل لليسار بمقدار 180 بكسل، مع تسميات توضيحية مزاحة بمقدار 20 بكسل. على الشاشات التي يبلغ عرضها 81.25em على الأقل، تتوسع أكثر إلى 1300 بكسل وتنتقل لليسار بمقدار 260 بكسل.
يعرّف الجذر عدة متغيرات ألوان: سطر التاريخ (#606060)، حد الرأس (#dcdcdc)، نص التسمية التوضيحية (#999)، خلفية التسمية التوضيحية (شبه أسود بشفافية 72%)، لون الميزة (#c70000)، ولون عمود جديد يكون افتراضيًا للعمود الأساسي أو لون الميزة. العناوين الفرعية والاقتباسات البارزة وأيقونات الاقتباسات البارزة تستخدم لون العمود الثانوي، بينما الاقتباسات الكتلية تستخدم لون نص المقال. الاقتباسات الكتلية تحصل أيضًا على لون تعبئة من العمود الثانوي. في الوضع الداكن (ما لم يتم تعيين الوضع الفاتح صراحةً)، تتحول العناوين الفرعية والاقتباسات البارزة وأيقوناتها إلى لون العمود في الوضع الداكن، وتستخدم الاقتباسات الكتلية نفس اللون للتعبئة.
عناصر الذرة ليس لها حشو. عندما يكون عنصر ذرة هو الأول من نوعه ويتبعه فقرة أو بوابة تسجيل دخول أو عنصر ذرة آخر أو ما شابه، تحصل الفقرة التالية على تباعد خاص. ينطبق الشيء نفسه بعد الخطوط الأفقية التي ليست الأخيرة، وداخل divs جسم المقال.النص الذي قدمته هو كود CSS، وليس نصًا نثريًا، لذا لا يوجد إنجليزية طبيعية لإعادة كتابتها. إنها مجموعة من المحددات التي تضيف 14 بكسل من الحشو العلوي إلى الفقرة الأولى بعد عناصر معينة (مثل عنصر الذرة الأول، أو بوابة تسجيل دخول، أو خط أفقي ليس الأخير) داخل حاويات مختلفة، وتقوم أيضًا بتنسيق الحرف الأول من تلك الفقرات.
إذا كنت تقصد لصق نص مختلف، فلا تتردد في مشاركته وسأعيد كتابته بإنجليزية طليقة وطبيعية.لا يمكنني إعادة كتابة ذلك بإنجليزية طليقة - إنه كود CSS، وليس نصًا نثريًا. إذا أردت، يمكنني شرح ما تفعله الأنماط بالإنجليزية البسيطة، أو يمكنك مشاركة النص الفعلي الذي تريد إعادة كتابته.يحدد كود CSS هذا تخطيطًا متجاوبًا لرؤوس المقالات والعناوين والبيانات الوصفية والمقدمات والصور الشخصية. يستخدم CSS Grid لترتيب هذه العناصر عبر أحجام شاشات مختلفة، مع نقاط توقف عند 61.25em و71.25em و81.25em. يضبط التخطيط هياكل الأعمدة والصفوف، ويضيف حدودًا، وينسق الروابط والأشكال لضمان عرض المحتوى بشكل صحيح على أجهزة مختلفة..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFirst, list item link hover, furniture wrapper standfirst link hover, and furniture wrapper standfirst list item link hover: remove bottom border and set text decoration color to the new pillar color or dark mode feature.
Furniture wrapper standfirst paragraphs, standfirst paragraphs, and standfirst paragraphs: set text color to #dcdcdc.
At minimum width 61.25em: the first standfirst paragraph gets a top border of 1px solid header border color.
At minimum width 71.25em: the first standfirst paragraph's top border is removed.
Furniture wrapper standfirst list items, standfirst list items, and standfirst list items: set text color to #dcdcdc.
At minimum width 71.25em: the standfirst before pseudo-element gets a background color of header border color.
At minimum width 46.25em: the furniture wrapper before pseudo-element has empty content, full height, positioned at top, absolute positioning, background color of dark background, right border of 1px solid header border color, left position calculated as negative half of viewport width minus scrollbar width minus 738px, and width calculated as half of viewport width minus scrollbar width minus 738px. The furniture wrapper after pseudo-element has empty content, full height, positioned at top, absolute positioning, background color of dark background, left border of 1px solid header border color, right position calculated as negative half of viewport width minus scrollbar width minus 738px, and width calculated as half of viewport width minus scrollbar width minus 738px.
At minimum width 61.25em: the furniture wrapper before pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 978px, and left position calculated as negative half of that. The furniture wrapper after pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 978px, and right position calculated as negative half of that.
At minimum width 71.25em: the furniture wrapper before pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 1138px, and left position calculated as negative half of that. The furniture wrapper after pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 1138px, and right position calculated as negative half of that.
At minimum width 81.25em: the furniture wrapper before pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 1298px, and left position calculated as negative half of that. The furniture wrapper after pseudo-element has empty content, width calculated as half of viewport width minus scrollbar width minus 1298px, and right position calculated as negative half of that.
Furniture wrapper keyline-4 SVG and lines SVG: set stroke to header border color.
Furniture wrapper meta social, meta social list item link span, meta comment, meta social, meta social list item link span, and meta comment: set border color to header border color.
Article body h2 and interactive content body h2: set font weight to 200. If the h2 contains strong, set font weight to 700.
Div with data-print-layout hide ul: remove background image.
Root with data-rendering-target apps: set follow text to #dcdcdc, follow icon fill to new pillar color, standfirst text to #dcdcdc, standfirst link text to new pillar color, standfirst link border to new pillar color, byline to new pillar color, article meta lines to header border color, and byline to dark mode pillar.
Root with data-rendering-target apps byline span: set color to new pillar color.
Root with data-rendering-target apps byline span div with adjacent FollowWrapper: set background image to header border color, header border color 1px, transparent 1px.
At prefers-color-schemeعرفت محمد تهليل كقرصان لطيف قاد فريقًا من الحراس خلال الأشهر الأولى من أسري في 2012. كنت قد ذهبت إلى الصومال لتغطية صعود القرصنة الحديثة قبالة سواحلها. في اليوم العاشر، على طريق ترابي بالقرب من جالكعيو في وسط الصومال، اختطفني قراصنة. لمدة عامين ونصف العام التاليين، كنت رهينة.
أمضيت معظم وقتي على فراش إسفنجي رفيع مشبع بالعرق على أرضية غرفة متربة. تغيرت السجون الخرسانية الباهتة، لكن القذارة والظروف لم تتغير أبدًا. أحيانًا كان خاطفوي ينقلونني إلى السافانا الصومالية، حيث كنا نخيم في العراء وننام على الأرض. لمدة ستة أشهر، احتُجزت على متن سفينة تونة مختطفة، مع 28 صيادًا من شرق آسيا كانوا قد أُسروا قبل حوالي ثلاثة أسابيع من إحضاري على متن السفينة. (كانوا قد أسروا لي على البر، لكنهم كانوا عصابة قراصنة منظمة لاختطاف السفن في البحر.) في كل موقع، كان حراس القراصنة يجلسون مع بنادق الكلاشينكوف، يستمعون إلى الراديو أو يمضغون القات، وهو نبات مخدر.
كان تهليل رجلاً نحيفًا، شبه مرح، يتحدث القليل من الإنجليزية وكنس ساحة مليئة بالخردة في منزل سجنه غير المكتمل بهدوء جدّي. عندما كان يدخل غرفتي، كان يمنحني ابتسامته ذات الأسنان غير المنتظمة ويعلمني بعض الكلمات الصومالية (لـ "الشمس"، "السحابة"، وهكذا). كان يحمل بنادق لكنه لم يهددني بالقتل أبدًا. لم يبدُ تهليل صارمًا بشكل خاص - كان يطبخ ويغسل الأطباق جنبًا إلى جنب مع الحراس الأدنى رتبة - لكنه كان يحظى بالاحترام. فكرت فيه كقائد حراس منخفض الرتبة في الشبكة الواسعة من قراصنة العشائر في وسط الصومال، والتي تراوحت من جنود المشاة إلى حفنة من الرؤساء الكبار، أمراء الحرب الذين سافروا مع حراس مسلحين. قال تهليل إن الرجال الذين أسروا لي كانوا "الجماعة السيئة"، بينما كان هو وحراسه الجماعة الجيدة. وعدني بالحفاظ على سلامتي في منزله "منزله" حتى يتفاوض القراصنة الحقيقيون على الفدية. سمعت هذا النوع من الأشياء طوال الوقت في الصومال.
كانت "الجماعة السيئة" من الحراس الأكثر خشونة وشراسة بقيادة رجل قصير ذي أسنان متسوسة يدعى أحمد ديري. كنت قد فهمت تهليل وديري كقادة فريقي "الجيد" و"السيئ" - لذا فاجأني عندما رأيت، في أحد الأيام، كلا الرجلين يتزاحمان في المقعد الأمامي لسيارة دفع رباعي مزدحمة لزيارة جزء عشوائي من الأدغال الصومالية، يضحكان ويمزحان كأصدقاء قدامى. ستمر سنوات قبل أن أفهم كم كان انطباعي عن تهليل خ
