@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://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}.content__main-column--interactive{display:grid;grid-template-columns:1fr;grid-gap:0;grid-template-areas:"media" "title" "headline" "standfirst" "lines" "meta" "body"}.content__main-column--interactive .content__main-column--interactive{display:contents}@media (min-width: 30em){.content__main-column--interactive figure[data-spacefinder-role=immersive] figcaption{max-width:620px;padding-left:20px;padding-right:20px}}@media (min-width: 46.25em){.content__main-column--interactive{grid-template-columns:1fr;grid-gap:10px;grid-template-areas:"title" "headline" "standfirst" "media" "lines" "meta" "body";padding-right:80px}}@media (min-width: 61.25em){.content__main-column--interactive{grid-template-columns:620px 300px;grid-template-areas:"title right-column" "headline right-column" "standfirst right-column" "media right-column" "lines right-column" "meta right-column" "body right-column";padding-right:0}}@media (min-width: 71.25em){.content__main-column--interactive{grid-template-columns:140px 1px 620px 300px;grid-template-areas:"title . right-column right-column" "headline . right-column right-column" "standfirst . right-column right-column" "media . right-column right-column" "lines . right-column right-column" "meta . right-column right-column" "body . right-column right-column"}.content__main-column--interactive [data-gu-name=standfirst]{padding-bottom:0}}.content__main-column--interactive figure[data-spacefinder-role=immersive] figcaption{padding-top:4px}.content__main-column--interactive [data-gu-name=lines],.content__main-column--interactive [data-gu-name=meta]{grid-area:2/1/5/2}.content__main-column--interactive [data-gu-name=lines]{height:max-content;margin-top:5px}.content__main-column--interactive [data-gu-name=meta]{margin-top:18px}@media (min-width: 81.25em){.content__main-column--interactive{grid-template-columns:219px 1px 620px 80px 300px}}@media (min-width: 46.25em){.content__main-column--interactive [data-gu-name=standfirst] p{font-family:"Guardian Headline",Guardian Headline Full,Guardian Headline,Guardian Egyptian Web,Georgia,serif;font-weight:500}.content__main-column--interactive [data-gu-name=title] .content__labels{display:block}.content__main-column--interactive [data-gu-name=title] .content__labels:first-letter{text-transform:uppercase}.content__main-column--interactive .keyline-4{padding-top:12px}.content__main-column--interactive .byline a{font-family:"Guardian Headline",Guardian Headline Full,Guardian Headline,Guardian Egyptian Web,Georgia,serif;font-weight:700}}@media (max-width: 46.24em){.content__main-column--interactive figure[data-spacefinder-role=immersive] .element-image__inner{height:auto}.content__main-column--interactive figure[data-spacefinder-role=immersive] p{margin-top:0}}@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://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 Ful
این کد CSS است که فونتهای وب را برای تایپوگرافی گاردین تعریف میکند. چندین فونتفیس را تنظیم میکند:
- Guardian Headline در Black (وزن 900، سبک normal)
- Guardian Headline Full در Black Italic (وزن 900، italic)
- Guardian Titlepiece در Bold (وزن 700، normal)
- Guardian Headline Full در Light (وزن 300، normal)
- Guardian Headline Full در Light Italic (وزن 300، italic)
- Guardian Headline Full در Regular (وزن 400، normal)
- Guardian Headline Full در Regular Italic (وزن 400، italic)
- Guardian Headline Full در Medium (وزن 500، normal)
هر فونتفیس از سه فرمت فایل (woff2، woff و ttf) که روی سرور دارایی گاردین میزبانی میشوند بارگذاری میشود. به نظر میرسد کد در انتها، در میانه یک اعلان فونتفیس دیگر، قطع شده است.این کد CSS است که فونتفیسهایی را برای Guardian Headline Full و Guardian Titlepiece تعریف میکند و وزنها و سبکهای مختلف را همراه با فایلهای منبعشان در فرمتهای woff2، woff و truetype مشخص میکند. همچنین شامل کوئریهای رسانهای است که حاشیه چپ ستون اصلی تعاملی را در حداقل عرض 71.25em به 160px و در حداقل عرض 81.25em به 240px تنظیم میکند، همراه با یک انتخابگر برای عنصر atom در ستون اصلی تعاملی.در اینجا متن به انگلیسی روان و طبیعی بازنویسی شده است، در حالی که معنا حفظ شده و عبارات پیچیده سادهسازی شدهاند:
```css
{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){
.content__main-column--interactive:before{
border-left:1px solid #dcdcdc;
z-index:-1;
left:-10px
}
}
@media (min-width: 81.25em){
.content__main-column--interactive:before{
border-left:1px solid #dcdcdc;
left:-11px
}
}
.content__main-column--interactive .element-atom{
margin-top:0;
margin-bottom:0;
padding-bottom:12px;
padding-top:12px
}
.content__main-column--interactive p+.element-atom{
padding-top:0;
padding-bottom:0;
margin-top:12px;
margin-bottom:12px
}
.content__main-column--interactive .element-inline{max-width:620px}
@media (min-width: 61.25em){
figure[data-spacefinder-role=inline].element{max-width:620px}
}
[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}
[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{
align-self:flex-end;
margin-bottom:40px;
margin-right:3px
}
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]){
right:0;
padding-left:10px
}
[data-gu-name=media]:has(figure.loop) #caption-button{z-index:100}
@media (min-width: 61.25em){
[data-gu-name=media]:has(figure.loop) #caption-button{bottom:20px}
}
@media (min-width: 46.25em){
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div{max-height:unset}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]{
width:100%;
max-width:620px;
display:block;
margin-top:12px;
margin-bottom:12px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video{
width:100%;
height:auto;
max-width:620px;
margin:0 auto
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
max-width:unset;
margin:12px 0
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video{
max-width:unset;
margin:0
}
@media (min-width: 71.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1140px;
margin-left:-180px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption{
margin-left:20px
}
}
@media (min-width: 81.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1300px;
margin-left:-260px
}
}
:root{
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature))
}
```:root:root{--subheading-text: var(--secondary-pillar);--pullquote-text: var(--secondary-pillar);--pullquote-icon: var(--secondary-pillar);--block-quote-text: var(--article-text)}:root:root blockquote{--block-quote-fill: var(--secondary-pillar)}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--subheading-text: var(--darkmode-pillar);--pullquote-text: var(--darkmode-pillar);--pullquote-icon: var(--darkmode-pillar)}:root:root:not([data-color-scheme=light]) blockquote{--block-quote-fill: var(--darkmode-pillar)}}.content__main-column--interactive .element.element-atom,.element.element-atom{padding:0}.content__main-column--interactive .element-atom:first-of-type+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.element-atom+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content__main-column--interactive hr:not(.last-horizontal-rule)+p,.content__main-column--interactive hr:not(.last-horizontal-rule)+.ad-slot-container+p,#article-body>div .element-atom:first-of-type+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+.element-atom+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#article-body>div hr:not(.last-horizontal-rule)+p,#article-body>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,.content--interactive>div .element-atom:first-of-type+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.element-atom+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content--interactive>div hr:not(.last-horizontal-rule)+p,.content--interactive>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,#comment-body .element-atom:first-of-type+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+.element-atom+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#comment-body hr:not(.last-horizontal-rule)+p,#comment-body hr:not(.last-horizontal-rule)+.ad-slot-container+p,[data-gu-name=body] .element-atom:first-of-type+p:first-of-type,[data-gu-name=body] .element-atom:first-of-type+figure:has(gu-island[naاین انتخابگر CSS اولین پاراگراف پس از عناصر مختلف—مانند یک atom جاسازیشده، یک دروازه ورود، یا یک خط افقی—را در بدنه مقاله، بدنه ویژه یا ظرفهای محتوای تعاملی هدف قرار میدهد. به آن پاراگرافها 14px padding بالا اعمال میکند و برای محتوای تعاملی، حرف اول پاراگراف را نیز استایل میدهد.متن ارائهشده کد CSS است، نه نثر، بنابراین نمیتوان آن را بدون تغییر معنایش به انگلیسی روان بازنویسی کرد. اگر بخواهید، میتوانم توضیح دهم که انتخابگرها و قواعد CSS به زبان ساده چه کاری انجام میدهند.در اینجا متن به انگلیسی روان و طبیعی بازنویسی شده است:
برای figcaptionهای داخل عناصر showcase در محتوای اصلی، مقاله ویژه، مقاله استاندارد و ظرفهای مقاله نظر، موقعیت به static با عرض 100% و حداکثر عرض 620px تنظیم میشود. در viewportهای 71.25em و بالاتر، این figcaptionها به صورت absolute با حداکثر عرض 140px قرار میگیرند. در 81.25em و بالاتر، حداکثر عرض به 220px افزایش مییابد.
عناصر immersive به عرض کامل viewport، منهای هر عرض scrollbar، اندازهگیری میشوند. زیر 71.25em، عناصر immersive حداکثر عرض 978
