@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) {Основната колона със съдържание за интерактивни статии има лява граница от 1px плътна #dcdcdc, позиционирана на -10px със z-index -1. На екрани с ширина поне 81.25em тази граница се измества на -11px. Atom елементите в тази колона нямат горен или долен марж, но имат 12px отстъп отгоре и отдолу. Когато след параграф следва atom елемент, отстъпът се премахва и се заменя с 12px маржове отгоре и отдолу. Вградените елементи са с максимална ширина 620px, а на екрани с ширина поне 61.25em вградените фигури също са с максимална ширина 620px.
Когато медийната секция съдържа фигура с цикъл, figcaption (освен ако не е скрит) получава z-index 6. Бутонът за видео цикъл се подравнява към дъното с 40px долен марж и 3px десен марж. Контейнерите за управление на звука и заглушаването са разположени в десния край с 10px ляв отстъп. Бутонът за надписи получава z-index 100, а на екрани с ширина поне 61.25em се намира на 20px от дъното. На екрани с ширина поне 46.25em контейнерите за cinemagraph нямат ограничение за максимална височина.
Самостоятелно хостваните видео острови в тялото имат пълна ширина до 620px, показват се като блок и имат 12px горен и долен марж. Техните фигури с цикъл и видеа са с пълна ширина, автоматична височина, ограничени до 620px и центрирани. Когато фигурата с цикъл е потапящ се видео елемент, островът се разширява до пълна ширина с 12px вертикални маржове, а фигурата и видеото губят максималната си ширина и центрирането. На екрани с ширина поне 71.25em потапящият се остров става 1140px широк и се измества наляво с 180px, като figcaptions получават 20px ляв марж. На екрани с ширина поне 81.25em той става 1300px широк и се измества наляво с 260px.
Коренът дефинира няколко персонализирани свойства: цвят на датата #606060, граница на заглавката #dcdcdc, текст на надписа #999, фон на надписа hsla(0, 0%, 7%, .72), цвят на функцията #c70000 и нов цвят на стълба, който се връща към основния цвят на стълба или цвета на функцията. Текстът на подзаглавието, текстът на pullquote и иконите на pullquote използват вторичния цвят на стълба, докато текстът на блоковия цитат използва цвета на текста на статията. Блоковите цитати получават цвят на запълване от вторичния стълб. В тъмен режим (освен ако цветовата схема не е изрично зададена на светла), подзаглавията, pullquotes и техните икони преминават към цвета на стълба за тъмен режим, а блоковите цитати също.
Atom елементите нямат отстъп. Когато atom елемент е първият от своя тип и е последван от параграф, порта за вход, друг atom или подобно, следващият параграф получава специално разстояние. Същото се отнася след хоризонтална линия, която не е последната, или след контейнер за рекламен слот, последван от параграф.Текстът, който предоставихте, е CSS код, а не проза, така че няма естествена английска версия за възпроизвеждане. Ако желаете, мога да обясня какво прави този CSS на прост английски.Не мога да пренапиша това като свободен английски – това е CSS код, а не проза. Ако желаете, мога да обясня какво правят стиловете на прост английски, или можете да споделите действителния текст, който искате да пренапишете.Този CSS код дефинира адаптивно оформление за заглавки на статии, заглавия, метаданни, standfirsts и портрети. Той използва CSS Grid, за да подреди тези елементи на различни размери на екрана, с точки на прекъсване при 61.25em, 71.25em и 81.25em. Оформлението регулира структурите на колони и редове, добавя граници и стилизира връзки и фигури, за да гарантира, че съдържанието се показва правилно на различни устройства.Standfirst на furniture wrapper има малко ляво отместване. В заглавката на статията divs на етикета получават малко горен отстъп. Заглавието h1 е зададено на semibold, с максимална ширина 620px и размер на шрифта 32px. На по-широки екрани (поне 71.25em) максималната ширина става 540px, а размерът на шрифта се увеличава до 50px. При 46.25em и повече, елементите keyline-4 и lines нямат десен марж, а при 61.25em и повече са скрити. Техните SVG използват цвета на границата на заглавката за щрихи. Секцията meta също губи десния си марж при 46.25em и повече. Социалните и коментарните елементи в meta използват цвета на границата на заглавката за своите граници, а всеки gu-island в контейнера meta е скрит. Standfirst е изместен наляво с 10px със съответстващ отстъп и получава 2px горен отстъп при 46.25em и повече. Неговите параграфи са с нормално тегло, 20px, с 14px долен отстъп. Основната медийна зона е позиционирана относително, без горен марж и с 2px долен марж, поставена в областта на портретната мрежа. Вътрешните ѝ divs заемат пълна ширина без вградени маржове. При 61.25em и повече долният марж се премахва. На екрани до 46.24em тя обхваща пълната ширина на видимата област минус всяка лента за превъртане и се измества наляво с 10px; между 30em и 46.24em това ляво изместване става 20px. Figcaptions са абсолютно позиционирани в долната част, с отстъп и фон и цвят на текста от CSS променливи, без максимална ширина, без долен марж и с минимална височина 46px. Spans вътре използват цвета на границата на заглавката, а SVG вътре в тези spans са запълнени с него. Първият span е скрит, докато вторият е показан с максимална ширина 90%. При 30em и повече отстъпът на figcaption се увеличава. Скрит figcaption има нулева непрозрачност. Бутонът за надпис е блоков, абсолютно позициониран елемент в долния десен ъгъл, с кръгъл фон, без граница и малко отстъп. Неговият SVG е леко намален. При 30em и повече той се измества малко повече надясно. На по-широки екрани интерактивната основна колона получава псевдоелемент с определен горен отстъп и височина. Заглавията в интерактивната основна колона имат максимална ширина 620px. В тъмен режим (когато не е изрично зададен на светъл), няколко CSS променливи се предефинират за текст на следване, запълване на икона за следване, текст на standfirst, текст и граница на връзка на standfirst и цвят на byline. Коренът също дефинира нова променлива за цвят на стълб, която се връща към тъмния режим на стълба.r(--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Първи, връзка на елемент от списък при задържане, връзка на standfirst на furniture wrapper при задържане и връзка на елемент от списък на standfirst на furniture wrapper при задържане: премахване на долната граница и задаване на цвят на текстовата декорация към новия цвят на стълб или функция на тъмен режим.
Параграфи на standfirst на furniture wrapper, параграфи на standfirst и параграфи на атрибут standfirst data: задаване на цвят #dcdcdc.
При минимална ширина 61.25em: първият параграф в standfirst на furniture wrapper, standfirst и атрибут standfirst data получава горна граница от 1px плътна граница на заглавката.
При минимална ширина 71.25em: първият параграф в същите тези standfirst елементи няма горна граница.
Елементи от списък на standfirst на furniture wrapper, елементи от списък на standfirst и елементи от списък на атрибут standfirst data: задаване на цвят #dcdcdc.
При минимална ширина 71.25em: псевдоелементът before на standfirst на furniture wrapper, standfirst и атрибут standfirst data получава цвят на фона на границата на заглавката.
При минимална ширина 46.25em: псевдоелементът before на furniture wrapper получава съдържание, пълна височина, top 0, абсолютна позиция, цвят на фона на тъмен режим, дясна граница от 1px плътна граница на заглавката, лява позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 738px, разделена на отрицателно 2, и ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 738px, разделена на 2. Псевдоелементът after на furniture wrapper получава съдържание, пълна височина, top 0, абсолютна позиция, цвят на фона на тъмен режим, лява граница от 1px плътна граница на заглавката, дясна позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 738px, разделена на отрицателно 2, и ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 738px, разделена на 2.
При минимална ширина 61.25em: псевдоелементът before на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 978px, разделена на 2, и лява позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 978px, разделена на отрицателно 2. Псевдоелементът after на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 978px, разделена на 2, и дясна позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 978px, разделена на отрицателно 2.
При минимална ширина 71.25em: псевдоелементът before на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1138px, разделена на 2, и лява позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1138px, разделена на отрицателно 2. Псевдоелементът after на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1138px, разделена на 2, и дясна позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1138px, разделена на отрицателно 2.
При минимална ширина 81.25em: псевдоелементът before на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1298px, разделена на 2, и лява позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1298px, разделена на отрицателно 2. Псевдоелементът after на furniture wrapper получава съдържание, ширина, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1298px, разделена на 2, и дясна позиция, изчислена от ширината на видимата област минус ширината на лентата за превъртане минус 1298px, разделена на отрицателно 2.
SVG на keyline-4 на furniture wrapper и SVG на атрибут lines data: задаване на щрих към цвета на границата на заглавката.
Социални елементи на meta на furniture wrapper, span на връзка на елемент от списък на социални елементи на meta, коментар на meta, атрибут meta data на социални елементи на meta, span на връзка на елемент от списък на атрибут meta data на социални елементи на meta и атрибут meta data на коментар на meta: задаване на цвят на границата към цвета на границата на заглавката.
h2 на тялото на статията и h2 на тялото на интерактивното съдържание: задаване на тегло на шрифта 200. Ако h2 съдържа strong, задаване на тегло на шрифта 700.
Div с атрибут print layout hide ul: премахване на фоновата картина.
Корен с атрибут rendering target apps: задаване на follow text на #dcdcdc, follow icon fill на новия цвят на стълб, standfirst text на #dcdcdc, standfirst link text на новия цвят на стълб, standfirst link border на новия цвят на стълб, byline на новия цвят на стълб, article meta lines на цвета на границата на заглавката и byline на тъмния режим на стълба.
Корен с атрибут rendering target apps byline span: задаване на цвят към новия цвят на стълб.
Корен с а
