İşte İngilizce metnin Türkçe çevirisi:
```css
@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;
}
```
İşte akıcı, doğal İngilizceyle yeniden yazılmış versiyon:
```css
@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) {
/ Ek stiller buraya eklenebilir /
}
```
İşte akıcı, doğal İngilizceyle yeniden yazılmış CSS:
Etkileşimli sayfalar için ana içerik sütununun, 1 piksel kalınlığında düz açık gri bir sol kenarlığı vardır. 81.25em'den geniş ekranlarda bu kenarlık hafifçe sola kayar. Bu sütunun içinde, atom gibi öğelerin üst veya alt kenar boşluğu yoktur ancak her iki tarafta 12 piksel dolgu vardır. Bir paragrafı bir atom takip ettiğinde, dolgu kaldırılır ve yerine her iki tarafta 12 piksel kenar boşluğu eklenir. Satır içi öğeler maksimum 620 piksel genişlikle sınırlandırılmıştır ve 61.25em'den geniş ekranlarda, satır içi role sahip figürler de bu genişlik sınırına tabidir.
Döngü figürü içeren medya bölümlerinde, altyazı 6 z-index değeriyle diğer içeriğin üzerinde yer alır. Döngü düğmesi 32 piksel genişliğindedir, sağ alta hizalanmıştır, küçük bir sağ kenar boşluğu ve ek alt boşluğu vardır. Altyazı düğmesi, üstte kalmak için yüksek bir z-index değerine sahiptir. 46.25em'den geniş ekranlarda, medya bölümlerindeki sinemagraf figürlerinin maksimum yükseklik sınırlaması yoktur.
Gövde bölümünde, kendi kendine barındırılan videolar blok öğeler olarak görüntülenir, en fazla 620 piksel genişliğindedir ve üstte ve altta 12 piksel kenar boşluğu vardır. Döngü figürü ve içindeki video tam genişlikte, otomatik yüksekliktedir ve ortalanmıştır. Döngü figürü sürükleyici video sınıfına sahipse, kenar boşluğu olmadan tam genişliğe uzanır. 71.25em'den geniş ekranlarda, bu sürükleyici video 1140 piksel genişliğe genişler ve 180 piksel sola kayar, altyazısı girintilidir. 81.25em'den geniş ekranlarda, 1300 piksel genişliğe büyür ve 260 piksel sola kayar.
Kök değişkenler, tarih çizgisi, başlık kenarlığı, altyazı metni, altyazı arka planı ve özellik için renkleri tanımlar. Özellik rengi kırmızıdır ve yeni sütun rengi varsayılan olarak birincil sütuna veya özelliğe ayarlanır. Alt başlık, çekme alıntı metni, çekme alıntı simgesi ve blok alıntı metninin tümü ikincil sütun rengini kullanır. Blok alıntılar ayrıca dolguları için ikincil sütunu kullanır. Karanlık modda, bu renkler, açık renk şeması açıkça ayarlanmadığı sürece karanlık mod sütun değerlerine dönüşür.
Etkileşimli ana sütun öğeleri ve atom öğelerinin dolgusu yoktur. Çeşitli içerik alanlarında, ilk atom veya yatay çizgiden sonra ekstra boşluk olmadan bir paragraf gelir. Bu, makale gövdesi, etkileşimli içerik, yorum gövdesi, özellik gövdesi ve gövde veri özniteliği için geçerlidir.
İşte akıcı, doğal İngilizceyle yeniden yazılmış metin:
Bir öğe atomundan, oturum açma geçidinden veya yatay çizgiden (sonuncusu hariç) sonraki ilk paragraf, üstte 14 piksel dolgu alır. Bu paragrafın ilk harfi Guardian Headline yazı tipi ailesini kullanır, kalındır, 111 piksel yüksekliğindedir ve 92 piksellik bir satır yüksekliğine sahiptir. Sola kayar, büyük harftir, 8 piksel sağ kenar boşluğuna sahiptir ve damla kapak rengini kullanır.
Yatay bir çizgiden hemen sonra gelen paragrafların üst dolgusu yoktur. Çekme alıntılar maksimum 620 piksel genişlikle sınırlandırılmıştır.
Vitrin görselleri için altyazı normalde statik olarak konumlandırılır ve maksimum 620 piksele kadar tam genişliği kaplar. Daha geniş ekranlarda (71.25em ve üzeri), altyazı mutlak olarak konumlandırılır ve maksimum 140 piksel genişliğe sahip olur. Daha da geniş ekranlarda (81.25em ve üzeri), maksimum genişlik 220 piksele çıkar.
Sürükleyici öğeler, kaydırma çubuğu genişliği hariç, tam görünüm alanı genişliğini kaplar. Daha küçük ekranlarda (71.24em'e kadar), maksimum 978 pikseldir ve altyazılarının her iki tarafında 10 piksel dolgu vardır. 30em ile 71.24em arasındaki ekranlarda, altyazı dolgusu 20 piksele çıkar.
İşte akıcı, doğal İngilizceyle yeniden yazılmış versiyon:
Sürükleyici öğenin maksimum genişliği 738 pikseldir. Daha küçük ekranlarda (46.24em'in altında), sürükleyici öğenin sol kenar boşluğu -10 piksel olmalı ve sağ kenar boşluğu olmamalıdır. 30em ile 46.24em arasındaki ekranlarda, sol kenar boşluğu -20 piksele çıkar ve altyazı her iki tarafta 20 piksel dolgu alır.
Daha büyük ekranlar için (71.25em ve üzeri), gövde bölümündeki vitrin görselleri -160 piksel sol kenar boşluğuna sahip olmalıdır. Çok büyük ekranlarda (81.25em ve üzeri), bu kenar boşluğu -240 piksele çıkar.
Mobilya sarmalayıcı göreceli olarak konumlandırılmıştır. 61.25em ve daha geniş ekranlarda, başlık, manşet, meta, giriş ve portre bölümleri için belirli satırlarla 10 sütunlu bir ızgaraya dönüşür. Manşetin ilk alt öğesi bir üst kenarlık alır. Meta bölümünün biraz üst dolgusu vardır ve sağ kenar boşluğu yoktur. Girişin ilk paragrafı da bir üst kenarlık alır ve liste öğeleri 20 piksel boyutundadır. Girişteki bağlantılar belirli bir ofset ve renkle altı çizilidir ve üzerine gelindiğinde renk değiştirirler.
71.25em ve daha geniş ekranlarda, ızgara 14 sütuna sahip olacak şekilde değişir. Meta bölümü 540 piksel genişliğinde bir üst kenarlık alır. Girişin ilk paragrafının artık üst kenarlığı yoktur. Sarmalayıcıdaki figürler -10 piksel sol kenar boşluğuna sahiptir ve satır içi figürler maksimum 630 piksel genişliğe sahiptir.
`e=standfirst]:before` kuralı, başlık kenarlık rengini kullanarak 1 piksel genişliğinde dikey bir çizgi ekler. Sol üste konumlandırılmıştır ve yüksekliği %100'dür.
81.25em'den geniş ekranlar için, `.furniture-wrapper` belirli sütun ve satır tanımlarıyla bir ızgara düzeni kullanır. `#meta:before` ve `[data-gu-name=meta]:before` öğeleri 620 piksel genişliğindedir. `.standfirst:before`, `#standfirst:before` ve `[data-gu-name=standfirst]:before` öğeleri hafifçe sola kaydırılmıştır.
Makale başlığının içinde, `.article-header` ve `[data-gu-name=title]` için `.content__labels > div` içindeki etiketler üstte 2 piksel dolguya sahiptir.
Manşet (`#headline h1`, `[data-gu-name=headline] h1`, `.headline h1`) kalındır (font-weight 600), maksimum 620 piksel genişliğe ve 32 piksel yazı tipi boyutuna sahiptir. 71.25em'den geniş ekranlarda, maksimum genişlik 540 piksele düşer ve yazı tipi boyutu 50 piksele çıkar.
46.25em'den geniş ekranlar için, `.keyline-4` ve `[data-gu-name=lines]` sağ kenar boşluğuna sahip değildir. 61.25em'den geniş ekranlarda gizlenirler. SVG öğeleri, kontur olarak başlık kenarlık rengini kullanır.
46.25em'den geniş ekranlarda, `#meta` ve `[data-gu-name=meta]` da sağ kenar boşluğuna sahip değildir. İçlerindeki sosyal ve yorum bölümleri, kenarlıkları için başlık kenarlık rengini kullanır. Meta kapsayıcının içindeki `gu-island` öğeleri gizlenir.
Giriş bölümleri (`.standfirst`, `#standfirst`, `[data-gu-name=standfirst]`) -10 piksel sol kenar boşluğu, 10 piksel sol dolgu ve göreceli konumlandırma ile konumlandırılır. 46.25em'den geniş ekranlarda 2 piksel üst dolgu alırlar. İçlerindeki paragraflar normal ağırlığa (400), 20 piksel yazı tipi boyutuna ve 14 piksel alt dolguya sahiptir.
Ana medya bölümü (`#main-media`, `[data-gu-name=media]`) göreceli olarak konumlandırılmıştır, üst kenar boşluğu yoktur, 2 piksel alt kenar boşluğu vardır ve portre ızgarası alanına yerleştirilmiştir. İçindeki div'ler tam genişliktedir ve satır içi kenar boşluğu yoktur. 61.25em'den geniş ekranlarda alt kenar boşluğu kaldırılır. 46.24em'den dar ekranlarda, tam görünüm alanı genişliğine (kaydırma çubuğu hariç) uzanır ve -10 piksel (veya 30em'den geniş ekranlarda -20 piksel) sol kenar boşluğuna sahiptir.
Figcaption, altta konumlandırılmıştır, üstte ve yanlarda 4 piksel, altta 12 piksel dolgu vardır. Altyazı arka planı ve metin renklerini kullanır, maksimum genişliği yoktur, tam genişliktedir, alt kenar boşluğu yoktur ve minimum yüksekliği 46 pikseldir. İçindeki span, başlık kenarlık rengini kullanır ve SVG'si bu rengi doldurur. İlk span gizlenirken, ikincisi maksimum %90 genişlikle gösterilir. 30em'den geniş ekranlarda, figcaption dolgusu üstte 4 piksel ve yanlarda 20 piksel olarak değişir. Gizlendiğinde opaklığı 0'dır.
Altyazı düğmesi (`#caption-button`) blok olarak görüntülenir, sağ alta (alttan 10 piksel, sağdan 8 piksel) konumlandırılır ve z-index değeri 30'dur. Altyazı arka plan rengini kullanır, kenarlığı yoktur ve tamamen yuvarlatılmıştır.
İşte akıcı, doğal İngilizceyle yeniden yazılmış metin:
CSS kodu, özellikle iOS ve Android gibi mobil cihazlar için makale sayfalarının düzenini ve stilini ayarlar. Altyazılar ve etkileşimli içerik için dolgu, düğme boyutları ve konumlandırma belirler. Tasarım, karanlık mod ve sütun tabanlı temalar için özel renkler kullanır. iOS ve Android'de, belirli öğelerden sonraki ilk paragrafın ilk harfi ikincil sütuna göre renklendirilir. Makale başlığı, yüksekliği sıfıra ayarlanarak gizlenir. Mobilya sarmalayıcı dolgu ekler ve içerik etiketlerini sütun rengini kullanarak kalın, büyük harfli bir serif yazı tipiyle stillendirir. Manşet de mobilya sarmalayıcı içinde ayarlanır.
İşte akıcı, doğal İngilizceyle yeniden yazılmış CSS:
Android cihazlarda mobilya sarmalayıcı içindeki manşet için yazı tipi boyutu 32 piksel, kalın, altta 12 piksel dolgu ve renk koyu bir tona (#121212) ayarlanmıştır.
Hem iOS hem de Android'de, herhangi bir makale kapsayıcısının (özellik, standart veya yorum) mobilya sarmalayıcısının içinde bir görsel göründüğünde, göreceli olarak konumlandırılır. 14 piksellik bir üst kenar boşluğu vardır ve sol kenar boşluğu yoktur, ancak 10 piksel sola başlar. Genişliği, herhangi bir kaydırma çubuğu genişliği hariç, tam görünüm alanı genişliğini alır ve yüksekliği otomatik olarak ayarlanır.
Görselin kendisi, iç kapsayıcısı ve içindeki bağlantılar için arka plan şeffaftır. Genişlik yine kaydırma çubuğu hariç tam görünüm alanı genişliğidir ve yükseklik otomatik olarak ayarlanır (önemli).
Giriş bölümü hem iOS hem de Android'de üstte 4 piksel, altta 24 piksel dolguya ve -10 piksellik negatif bir sağ kenar boşluğuna sahiptir.
Giriş bölümünün içinde, herhangi bir paragraf metni şu yazı tipi ailesini kullanır: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia veya bir serif yedek.
Giriş bölümünün içindeki bağlantılar, bir liste öğesinde olsun ya da olmasın, aynı stili takip eder.
İşte akıcı, doğal İngilizceyle yeniden yazılmış versiyon:
Android cihazlarda, özellik, standart ve yorum makalelerinin giriş bölümündeki bağlantılar sütun rengini kullanır, arka plan görüntüsü yoktur, 6 piksellik bir ofsetle altı çizilidir ve alt kenarlık yerine açık gri bir alt çizgi rengi kullanır.
Hem iOS hem de Android'de, aynı bağlantıların üzerine gelindiğinde alt çizgi rengi sütun rengine dönüşür.
Her iki platformda da bu makale kapsayıcılarındaki meta bölümünün kenar boşluğu yoktur.
Ayrıca her iki platformda da meta bölümünün içindeki imza satırı metni, yazar adları, yazar bağlantıları ve imza satırı aralıklarının tümü sütun rengini kullanır.
Aynı stil, iOS'ta özellik ve standart makalelerdeki ve ayrıca yorum makalelerindeki meta__misc bölümü için de geçerlidir.
iOS ve Android için, makale kapsayıcıları (özellik, standart ve yorum) içindeki `.furniture-wrapper` içindeki `.meta__misc` bölümünün dolgusu yoktur.
Hem iOS hem de Android'de, bu makale kapsayıcılarının `.meta__misc` bölümündeki SVG simgeleri, `--new-pillar-colour` tarafından tanımlanan bir kontur rengi kullanır.
iOS ve Android için, tüm makale kapsayıcılarının `.furniture-wrapper` içindeki `.element--showcase` içindeki altyazı düğmesi (`#caption-button`) bir flexbox olarak görüntülenir. 5 piksel dolguya, hem yatay hem dikey olarak ortalanmış içeriğe sahiptir, 28 piksel genişliğinde ve 28 piksel yüksekliğindedir ve sağdan 14 piksel konumlandırılmıştır.
iOS ve Android'de, özellik, standart ve yorum kapsayıcılarındaki makale gövdesi (`.article__body`) solda ve sağda 12 piksel dolguya sahiptir, üstte veya altta dolgu yoktur.
iOS ve Android için, makale gövdesindeki küçük resim veya sürükleyici olmayan görsellerin (yani `figure.element-image:not(.element--thumbnail):not(.element--immersive)`) kenar boşluğu yoktur. Genişlikleri `100vw - 24px - var(--scrollbar-width, 0px)` olarak hesaplanır ve yükseklikleri otomatiktir. Bu görsellerin altyazılarının dolgusu yoktur.
iOS ve Android için, makale gövdesindeki sürükleyici görsellerin (`figure.element-image.element-immersive`) genişliği `100vw - var(--scrollbar-width, 0px)`'dir.
iOS'te, makale gövdesi içinde, `quoted` sınıfına sahip blok alıntıların bir `:before` sözde öğesi vardır (belirli stil tam olarak burada verilmemiştir).
İşte akıcı, doğal İngilizceyle yeniden yazılmış versiyon:
Makalelerde alıntılanan metin için renk, sütun rengi değişkeni tarafından ayarlanır. Makale metnindeki bağlantılar, birincil sütun rengi ve 6 piksellik bir ofset kullanılarak altı çizili olarak stillendirilir. Alt çizgi rengi başlık kenarlığıyla eşleşir. Bu bağlantıların üzerine gelindiğinde, alt çizgi yeni sütun rengine dönüşür.
Karanlık modda, mobilya sarmalayıcı arka planı koyu griye (#1a1a1a) dönüşür. İ
