पॉल मेकार्टनी ने मेरे ऑटोग्राफ मांगे!' सु पोलार्ड ने हाय-डे-हाय! और अपनी अविश्वसनीय सेलिब्रिटी मुलाकातों के बारे में बताया।
यह एक CSS कोड ब्लॉक है जो वेबसाइट पर उपयोग के लिए "Guardian Headline Full" फ़ॉन्ट परिवार को परिभाषित करता है। इसमें कई फ़ॉन्ट-फेस नियम शामिल हैं, जिनमें से प्रत्येक फ़ॉन्ट के अलग-अलग वज़न (लाइट, रेगुलर, मीडियम, सेमीबोल्ड) और शैली (सामान्य या इटैलिक) निर्दिष्ट करता है। प्रत्येक भिन्नता के लिए, कोड विभिन्न ब्राउज़रों में संगतता सुनिश्चित करने के लिए फ़ॉन्ट फ़ाइलें विभिन्न प्रारूपों (WOFF2, WOFF, और TTF) में प्रदान करता है। फ़ॉन्ट फ़ाइलें गार्डियन के एसेट सर्वर पर होस्ट की जाती हैं।यह टेक्स्ट CSS कोड प्रतीत होता है, प्राकृतिक भाषा गद्य नहीं। यह वेबपेज के लिए फ़ॉन्ट शैलियों और लेआउट नियमों को परिभाषित करता है। चूंकि यह तकनीकी कोड है, इसे धाराप्रवाह अंग्रेजी में फिर से लिखना लागू नहीं है। यदि आपका मतलब एक अलग टेक्स्ट साझा करना था, तो कृपया प्रदान करें, और मुझे मदद करने में खुशी होगी।बाएँ: -11px।
इंटरैक्टिव लेखों के लिए मुख्य सामग्री कॉलम में एम्बेडेड तत्वों के आसपास कोई मार्जिन या पैडिंग नहीं है, ऊपर और नीचे 12px की पैडिंग के साथ। जब एक पैराग्राफ के बाद एक एम्बेडेड तत्व आता है, तो पैडिंग हटा दी जाती है और दोनों तरफ 12px मार्जिन से बदल दी जाती है। इनलाइन तत्व अधिकतम चौड़ाई 620px तक सीमित हैं। 61.25em से अधिक चौड़ी स्क्रीन पर, इनलाइन के रूप में चिह्नित आकृतियाँ भी 620px पर सीमित हैं।
लूपिंग वीडियो वाले मीडिया अनुभागों के लिए, कैप्शन 6 के z-इंडेक्स के साथ ऊपर रखा गया है, और लूप बटन नीचे दाईं ओर 40px नीचे मार्जिन और 3px दाएँ मार्जिन के साथ स्थित है। म्यूट और अनम्यूट बटन अतिरिक्त बाएँ पैडिंग के साथ दाईं ओर संरेखित हैं। कैप्शन बटन में उच्च z-इंडेक्स है, और बड़ी स्क्रीन पर यह नीचे से 20px दूर बैठता है। 46.25em से अधिक चौड़ी स्क्रीन पर सिनेमाग्राफ वीडियो के लिए, ऊँचाई सीमा हटा दी जाती है।
बॉडी सेक्शन में, सेल्फ-होस्टेड वीडियो अधिकतम चौड़ाई 620px और 12px मार्जिन के साथ ब्लॉक के रूप में प्रदर्शित होते हैं। लूपिंग वीडियो और उनके वीडियो तत्व पूरी चौड़ाई भरते हैं, पहलू अनुपात बनाए रखते हैं, और केंद्रित होते हैं। यदि एक लूपिंग वीडियो इमर्सिव मोड पर सेट है, तो यह बिना किसी मार्जिन के पूरी चौड़ाई में फैल जाता है। 71.25em से अधिक चौड़ी स्क्रीन पर, इमर्सिव वीडियो 1140px चौड़े तक फैलते हैं और 180px बाएँ शिफ्ट होते हैं, कैप्शन 20px इंडेंट होते हैं। 81.25em से अधिक चौड़ी स्क्रीन पर, वे 1300px तक बढ़ते हैं और 260px बाएँ शिफ्ट होते हैं।
डिज़ाइन रंगों के लिए CSS वेरिएबल का उपयोग करता है: डेटलाइन गहरा ग्रे है, हेडर बॉर्डर हल्का ग्रे है, कैप्शन मध्यम ग्रे हैं जिसमें अर्ध-पारदर्शी गहरा बैकग्राउंड है, और फीचर रंग गहरा लाल है। मुख्य पिलर रंग डिफ़ॉल्ट रूप से फीचर रंग होता है। उपशीर्षक, पुल कोट्स और ब्लॉक कोट्स द्वितीयक पिलर रंग का उपयोग करते हैं, जो डार्क मोड में एक अलग शेड के साथ अनुकूलित होता है।
इंटरैक्टिव सामग्री कॉलम में एम्बेडेड तत्वों के आसपास कोई पैडिंग नहीं है। जब एक एम्बेडेड तत्व किसी अन्य तत्व या क्षैतिज नियम के ठीक बाद दिखाई देता है, तो निम्नलिखित पैराग्राफ को कोई अतिरिक्त शीर्ष मार्जिन नहीं मिलता है। यह विभिन्न कंटेनर प्रकारों पर लागू होता है, जिसमें मुख्य लेख निकाय और इंटरैक्टिव अनुभाग शामिल हैं।यह एक तकनीकी CSS चयनकर्ता सूची है, इसलिए इसे "धाराप्रवाह, प्राकृतिक अंग्रेजी" में फिर से लिखना सीधा नहीं है। हालाँकि, मैं सरल बना सकता हूँ और सरल अंग्रेजी में आशय समझा सकता हूँ:
---
ये CSS नियम उन पैराग्राफों पर लागू होते हैं जो विभिन्न सामग्री अनुभागों में कुछ तत्वों (जैसे इंटरैक्टिव विजेट, साइन-इन प्रॉम्प्ट, या क्षैतिज नियम) के ठीक बाद आते हैं। पहला नियम उन पैराग्राफों में अतिरिक्त शीर्ष पैडिंग (14px) जोड़ता है। दूसरा नियम उन पैराग्राफों के पहले अक्षर को ड्रॉप कैप प्रभाव के साथ स्टाइल करता है।
---
यदि आपका मतलब स्पष्टता के लिए CSS को फिर से लिखना था, तो यहाँ एक संक्षिप्त संस्करण है:
```css
/ विशिष्ट तत्वों के बाद पैराग्राफ के ऊपर स्थान जोड़ें /
.element-atom:first-of-type + p:first-of-type,
.sign-in-gate + p:first-of-type,
#sign-in-gate + p:first-of-type,
.element-atom + p:first-of-type,
hr:not(.last-horizontal-rule) + p,
hr:not(.last-horizontal-rule) + .ad-slot-container + p {
padding-top: 14px;
}
/ उन पैराग्राफों के पहले अक्षर पर ड्रॉप कैप लागू करें /
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type::first-letter,
.content__main-column--interactive .sign-in-gate + p:first-of-type::first-letter,
.content__main-column--interactive #sign-in-gate + p:first-of-type::first-letter,
.content__main-column--interactive .element-atom + p:first-of-type::first-letter,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p::first-letter,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter,
#article-body > div .element-atom:first-of-type + p:first-of-type::first-letter,
#article-body > div .sign-in-gate + p:first-of-type::first-letter,
#article-body > div #sign-in-gate + p:first-of-type::first-letter,
#article-body > div .element-atom + p:first-of-type::first-letter,
#article-body > div hr:not(.last-horizontal-rule) + p::first-letter,
#article-body > div hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter,
.content--interactive > div .element-atom:first-of-type + p:first-of-type::first-letter,
.content--interactive > div .sign-in-gate + p:first-of-type::first-letter,
.content--interactive > div #sign-in-gate + p:first-of-type::first-letter,
.content--interactive > div .element-atom + p:first-of-type::first-letter,
.content--interactive > div hr:not(.last-horizontal-rule) + p::first-letter,
.content--interactive > div hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter,
#comment-body .element-atom:first-of-type + p:first-of-type::first-letter,
#comment-body .sign-in-gate + p:first-of-type::first-letter,
#comment-body #sign-in-gate + p:first-of-type::first-letter,
#comment-body .element-atom + p:first-of-type::first-letter,
#comment-body hr:not(.last-horizontal-rule) + p::first-letter,
#comment-body hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter,
[data-gu-name="body"] .element-atom:first-of-type + p:first-of-type::first-letter,
[data-gu-name="body"] .sign-in-gate + p:first-of-type::first-letter,
[data-gu-name="body"] #sign-in-gate + p:first-of-type::first-letter,
[data-gu-name="body"] .element-atom + p:first-of-type::first-letter,
[data-gu-name="body"] hr:not(.last-horizontal-rule) + p::first-letter,
[data-gu-name="body"] hr:not(.last-horizontal-rule) + .ad-slot-container + p::first-letter {
/ ड्रॉप कैप स्टाइलिंग यहाँ जाती है /
}
```
---
यदि आपका कुछ और मतलब था, तो कृपया स्पष्ट करें, और मैं तदनुसार समायोजित करूँगा।यहाँ धाराप्रवाह, प्राकृतिक अंग्रेजी में फिर से लिखा गया टेक्स्ट है:
---
CSS नियम पृष्ठ के विशिष्ट अनुभागों में कुछ तत्वों (जैसे क्षैतिज नियम या विज्ञापन कंटेनर) के बाद पहले पैराग्राफ के पहले अक्षर पर विशेष स्टाइलिंग लागू करते हैं। यह पहला अक्षर गार्डियन हेडलाइन फ़ॉन्ट का उपयोग करके एक बड़े, बोल्ड, अपरकेस ड्रॉप कैप के रूप में स्टाइल किया गया है, जिसका आकार 111px और लाइन ऊँचाई 92px है। यह बाईं ओर तैरता है, दाईं ओर मार्जिन है, और एक कस्टम प्रॉपर्टी द्वारा परिभाषित रंग का उपयोग करता है (पिलर रंग पर वापस गिरना)।
एक क्षैतिज नियम (विज्ञापन कंटेनर के साथ या बिना) के बाद आने वाले पैराग्राफों के लिए, शीर्ष पैडिंग हटा दी जाती है।
मुख्य सामग्री क्षेत्रों में पुल कोट्स (हाइलाइट किए गए उद्धरण) अधिकतम चौड़ाई 620px तक सीमित हैं।
शोकेस छवियों (बड़ी फीचर छवियों) के लिए, कैप्शन स्थिर रूप से स्थित है और पूरी चौड़ाई लेता है, 620px तक। व्यापक स्क्रीन (71.25em से अधिक) पर, कैप्शन पूर्ण रूप से स्थित हो जाता है जिसकी अधिकतम चौड़ाई 140px होती है, और इससे भी व्यापक स्क्रीन (81.25em से अधिक) पर, अधिकतम चौड़ाई 220px तक बढ़ जाती है।
इमर्सिव तत्व (पूर्ण-चौड़ाई वाली छवियां या वीडियो) स्क्रॉलबार चौड़ाई के लिए जिम्मेदार, पूरे व्यूपोर्ट चौड़ाई में फैले हुए हैं। छोटी स्क्रीन (71.24em से कम) पर, वे 978px पर सीमित हैं, और कैप्शन को क्षैतिज पैडिंग मिलती है (बहुत छोटी स्क्रीन पर 10px, थोड़ी बड़ी स्क्रीन पर 20px)। 46.25em और 61.24em के बीच, अधिकतम चौड़ाई 738px है। बहुत छोटी स्क्रीन (46.24em से कम) पर, तत्व नकारात्मक मार्जिन के साथ बाएँ किनारे पर खींचा जाता है, और कैप्शन पैडिंग तदनुसार समायोजित होती है।
बड़ी स्क्रीन (71.25em से अधिक) पर, बॉडी में शोकेस आकृतियाँ 160px के नकारात्मक मार्जिन के साथ बाईं ओर शिफ्ट होती हैं, और इससे भी बड़ी स्क्रीन (81.25em से अधिक) पर, यह बढ़कर 240px हो जाती है।
फर्नीचर रैपर (कुछ लेआउट तत्वों के लिए एक कंटेनर) अपेक्षाकृत स्थित है, और 61.25em से अधिक चौड़ी स्क्रीन पर, अतिरिक्त स्टाइलिंग लागू की जाती है (हालाँकि नियम यहाँ कट गया है)।.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}
.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 #meta,
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name="standfirst"] li a,
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name="standfirst"] li a:hover,
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}
@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}
@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];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: 0.5px;
}
}
@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] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
left: -0.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(0.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;
}
:root {
--new-pillar-colour: var(--darkmode-pillar, var(--darkModeFeature)) !important;
--headerBorderColor: #606060;
--darkModeFeature: #ff5943;
}
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%;
}
}eight: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 #standfirst li a:hover,.furniture-wrapper [data-gu-name=standfirst] a:hover,.furniture-wrapper [data-gu-name=standfirst] li a:hover{border-bottom:none;text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{color:#dcdcdc}@media (min-width: 61.25em){.furniture-wrapper .standfirst p:first-of-type,.furniture-wrapper #standfirst p:first-of-type,.furniture-wrapper [data-gu-name=standfirst] p:first-of-type{boमैं इस टेक्स्ट को फिर से लिखने में असमर्थ हूँ क्योंकि यह CSS कोड प्रतीत होता है, प्राकृतिक भाषा गद्य नहीं। क्या आप मेरे लिए फिर से लिखने के लिए लिखित अंग्रेजी का एक अंश प्रदान कर सकते हैं?यहाँ धाराप्रवाह, प्राकृतिक अंग्रेजी में फिर से लिखा गया टेक्स्ट है:
यह "Guardian Headline Full" फ़ॉन्ट परिवार के लिए फ़ॉन्ट-फेस निय
