나는 977일 동안 납치되어 인질로 잡혀 있었다. 나를 데려간 사람들을 용서할 수 있을까?
@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){.인터랙티브 기사의 메인 콘텐츠 칼럼은 -10px 위치에 z-index -1로 1px solid #dcdcdc의 왼쪽 테두리를 가집니다. 화면 너비가 최소 81.25em인 경우 이 테두리는 -11px로 이동합니다.
이 칼럼 내에서 atom 요소는 상하 마진이 없지만 양쪽에 12px의 패딩을 가집니다. atom 요소가 단락 뒤에 오면 패딩이 제거되고 대신 12px 마진을 가집니다. 인라인 요소는 너비가 620px로 제한되며, 화면 너비가 최소 61.25em인 경우 인라인 figure도 최대 620px입니다.
루핑 figure를 포함하는 미디어 섹션의 경우 figcaption은 z-index 6으로 다른 요소 위에 위치합니다. 비디오 루프 버튼은 하단 오른쪽에 정렬되며 40px 하단 마진과 3px 오른쪽 마진을 가집니다. 음소거 및 음소거 해제 컨트롤 컨테이너는 10px 왼쪽 패딩으로 오른쪽에 붙어 있습니다. 캡션 버튼은 z-index 100을 가지며, 화면 너비가 최소 61.25em인 경우 하단에서 20px 떨어져 있습니다. 화면 너비가 최소 46.25em인 경우 cinemagraph 컨테이너는 최대 높이가 없습니다.
본문에 자체 호스팅된 비디오 아일랜드는 최대 620px의 전체 너비이며, 12px 상하 마진으로 블록으로 표시됩니다. 해당 루핑 figure와 비디오도 최대 620px의 전체 너비이며 중앙에 정렬됩니다. 이 비디오가 몰입형인 경우 너비 제한이 제거되고 마진은 상하 12px이 됩니다. 화면 너비가 최소 71.25em인 경우 몰입형 비디오는 1140px로 확장되고 왼쪽으로 180px 이동하며, figcaption은 20px 들여쓰기됩니다. 화면 너비가 최소 81.25em인 경우 1300px로 더 확장되고 왼쪽으로 260px 이동합니다.
루트는 여러 색상 변수를 정의합니다: dateline (#606060), header border (#dcdcdc), caption text (#999), caption background (72% 불투명한 거의 검정), feature color (#c70000), 그리고 기본적으로 primary pillar 또는 feature color로 설정되는 new pillar color. 부제목, pullquote, pullquote 아이콘은 secondary pillar color를 사용하며, blockquote는 기사 텍스트 색상을 사용합니다. Blockquote는 또한 secondary pillar에서 fill 색상을 가져옵니다. 다크 모드에서 (라이트 모드가 명시적으로 설정되지 않은 경우) 부제목, pullquote 및 해당 아이콘은 다크 모드 pillar color로 전환되고, blockquote는 해당 동일한 색상을 fill에 사용합니다.
Atom 요소는 패딩이 없습니다. atom 요소가 해당 유형의 첫 번째이고 단락, 로그인 게이트, 다른 atom 요소 또는 유사한 것이 뒤따르는 경우 다음 단락은 특별한 간격을 가집니다. 마지막이 아닌 수평 규칙 뒤와 기사 본문 div 내에서도 마찬가지입니다.제공하신 텍스트는 산문이 아닌 CSS 코드이므로 다시 작성할 자연스러운 영어가 없습니다. 이것은 다양한 컨테이너 내에서 특정 요소(첫 번째 atom 요소, 로그인 게이트, 마지막이 아닌 수평 규칙 등) 뒤의 첫 번째 단락에 14px의 상단 패딩을 추가하고 해당 단락의 첫 글자도 스타일링하는 선택자 집합입니다.
다른 텍스트를 붙여넣으려는 의도였다면 공유해 주시면 유창하고 자연스러운 영어로 다시 작성하겠습니다.그것을 유창한 영어로 다시 작성할 수 없습니다—그것은 산문이 아닌 CSS 코드입니다. 원하시면 스타일이 무엇을 하는지 평범한 영어로 설명할 수 있습니다. 또는 다시 작성하려는 실제 텍스트를 공유해 주세요.이 CSS 코드는 기사 헤더, 헤드라인, 메타데이터, standfirst, 초상화에 대한 반응형 레이아웃을 정의합니다. CSS Grid를 사용하여 다양한 화면 크기에서 이러한 요소를 배열하며, 61.25em, 71.25em, 81.25em에 브레이크포인트가 있습니다. 레이아웃은 열과 행 구조를 조정하고, 테두리를 추가하며, 링크와 figure를 스타일링하여 콘텐츠가 다양한 기기에서 제대로 표시되도록 합니다..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 #standf첫 번째, 목록 항목 링크 호버, 가구 래퍼 스탠드퍼스트 링크 호버, 가구 래퍼 스탠드퍼스트 목록 항목 링크 호버: 하단 테두리를 제거하고 텍스트 장식 색상을 새 필러 색상 또는 다크 모드 기능으로 설정합니다.
가구 래퍼 스탠드퍼스트 단락, 스탠드퍼스트 단락, 스탠드퍼스트 단락: 텍스트 색상을 #dcdcdc로 설정합니다.
최소 너비 61.25em에서: 첫 번째 스탠드퍼스트 단락은 헤더 테두리 색상의 1px solid 상단 테두리를 가집니다.
최소 너비 71.25em에서: 첫 번째 스탠드퍼스트 단락의 상단 테두리가 제거됩니다.
가구 래퍼 스탠드퍼스트 목록 항목, 스탠드퍼스트 목록 항목, 스탠드퍼스트 목록 항목: 텍스트 색상을 #dcdcdc로 설정합니다.
최소 너비 71.25em에서: 스탠드퍼스트 before 의사 요소는 헤더 테두리 색상의 배경색을 가집니다.
최소 너비 46.25em에서: 가구 래퍼 before 의사 요소는 빈 콘텐츠, 전체 높이, 상단 위치, 절대 위치, 다크 배경의 배경색, 1px solid 헤더 테두리 색상의 오른쪽 테두리, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 음수 절반에서 738px을 뺀 값으로 계산된 왼쪽 위치, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 738px을 뺀 값으로 계산된 너비를 가집니다. 가구 래퍼 after 의사 요소는 빈 콘텐츠, 전체 높이, 상단 위치, 절대 위치, 다크 배경의 배경색, 1px solid 헤더 테두리 색상의 왼쪽 테두리, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 음수 절반에서 738px을 뺀 값으로 계산된 오른쪽 위치, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 738px을 뺀 값으로 계산된 너비를 가집니다.
최소 너비 61.25em에서: 가구 래퍼 before 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 978px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 왼쪽 위치를 가집니다. 가구 래퍼 after 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 978px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 오른쪽 위치를 가집니다.
최소 너비 71.25em에서: 가구 래퍼 before 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 1138px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 왼쪽 위치를 가집니다. 가구 래퍼 after 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 1138px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 오른쪽 위치를 가집니다.
최소 너비 81.25em에서: 가구 래퍼 before 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 1298px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 왼쪽 위치를 가집니다. 가구 래퍼 after 의사 요소는 빈 콘텐츠, 뷰포트 너비에서 스크롤바 너비를 뺀 값의 절반에서 1298px을 뺀 값으로 계산된 너비, 그 값의 음수 절반으로 계산된 오른쪽 위치를 가집니다.
가구 래퍼 keyline-4 SVG 및 lines SVG: 스트로크를 헤더 테두리 색상으로 설정합니다.
가구 래퍼 메타 소셜, 메타 소셜 목록 항목 링크 스팬, 메타 댓글, 메타 소셜, 메타 소셜 목록 항목 링크 스팬, 메타 댓글: 테두리 색상을 헤더 테두리 색상으로 설정합니다.
기사 본문 h2 및 인터랙티브 콘텐츠 본문 h2: 글꼴 두께를 200으로 설정합니다. h2에 strong이 포함된 경우 글꼴 두께를 700으로 설정합니다.
data-print-layout hide ul이 있는 div: 배경 이미지를 제거합니다.
data-rendering-target apps가 있는 루트: 팔로우 텍스트를 #dcdcdc로, 팔로우 아이콘 채우기를 새 필러 색상으로, 스탠드퍼스트 텍스트를 #dcdcdc로, 스탠드퍼스트 링크 텍스트를 새 필러 색상으로, 스탠드퍼스트 링크 테두리를 새 필러 색상으로, 바이라인을 새 필러 색상으로, 기사 메타 라인을 헤더 테두리 색상으로, 바이라인을 다크 모드 필러로 설정합니다.
data-rendering-target apps 바이라인 스팬이 있는 루트: 색상을 새 필러 색상으로 설정합니다.
data-rendering-target apps 바이라인 스팬 div에 인접 FollowWrapper가 있는 루트: 배경 이미지를 헤더 테두리 색상, 헤더 테두리 색상 1px, 투명 1px로 설정합니다.
prefers-color-scheme에서저는 모하메드 탈릴을 2012년 억류 첫 몇 달 동안 경비원 팀을 이끌었던 온순한 해적으로 알았습니다. 저는 소말리아에 가서 그 연안에서 현대 해적 행위가 부상하는 것을 취재하려 했습니다. 열흘째 되던 날, 중부 소말리아 갈카요 근처의 먼지 나는 길에서 저는 해적들에게 납치되었습니다. 그 후 2년 반 동안 저는 인질이었습니다.
저는 대부분의 시간을 먼지 쌓인 방 바닥의 땀에 젖은 얇은 폼 매트리스 위에서 보냈습니다. 어둑한 콘크리트 감옥은 바뀌었지만, 더러움과 환경은 결코 바뀌지 않았습니다. 때때