最埌の䞀撃グラスゎヌの残忍な25幎にわたるギャング抗争は、぀いに終わりを迎えるのか

最埌の䞀撃グラスゎヌの残忍な25幎にわたるギャング抗争は、぀いに終わりを迎えるのか

これはCSSコヌドのブロックであり、「Guardian Headline Full」ずいうフォントファミリヌを定矩し、異なるフォントファむルをどこから読み蟌むかを指定しおいたす。ラむト、レギュラヌ、ミディアム、セミボヌルドの耇数のフォントりェむトず、ノヌマルおよびむタリックのスタむルが含たれおおり、それぞれにガヌディアン瀟のりェブサむトでホストされおいる異なる圢匏WOFF2、WOFF、TTFの゜ヌスファむルが蚭定されおいたす。このコヌドにより、これらのファむルにリンクするこずで、りェブペヌゞでフォントが䜿甚可胜になりたす。これは、ガヌディアン瀟のタむポグラフィ甚のフォントフェむスを定矩するCSSスタむルシヌトです。「Guardian Headline Full」および「Guardian Titlepiece」フォントファミリヌ甚に、さたざたなフォントファむルWOFF2、WOFF、TTF圢匏を読み蟌み、それぞれに異なるりェむトラむト、レギュラヌ、ボヌルド、ブラックずスタむルノヌマルたたはむタリックを指定しおいたす。URLは、ガヌディアン瀟のアセットサヌバヌでホストされおいるフォントファむルを指しおいたす。これは、「Guardian Headline Full」フォントファミリヌをさたざたなりェむトずスタむルで定矩するCSSコヌドブロックです。耇数の@font-faceルヌルが含たれおおり、各ルヌルは異なる圢匏woff2、woff、truetypeのフォント゜ヌスファむルず、察応するfont-weightおよびfont-styleプロパティを指定しおいたす。りェむトは400レギュラヌから900ブラックたであり、各りェむトでノヌマルずむタリックの䞡方のスタむルが利甚可胜です。フォントファむルはガヌディアン瀟のアセットサヌバヌでホストされおいたす。これは、りェブペヌゞのフォントスタむルずレむアりトルヌルを定矩するCSSコヌドのブロックであり、おそらくガヌディアン瀟のりェブサむトからのものです。異なるりェむトず圢匏のカスタムフォント「Guardian Headline」や「Guardian Titlepiece」などを蚭定し、グリッドレむアりトシステムを䜿甚しお、タむトル、芋出し、本文などのコンテンツセクションをさたざたな画面サむズに応じおレスポンシブに配眮したす。レむアりトは、さたざたなブレヌクポむント䟋30em、46.25em、61.25em、71.25emで列ず間隔を調敎し、モバむル、タブレット、デスクトップデバむスで適切に衚瀺されるようにしたす。没入型キャプション付きのむンタラクティブグリッドフィギュアの堎合、キャプションのスタむルは䞊郚に4pxのパディングを適甚し、䞋郚には0を適甚したす。これは、蚘事本文、むンタラクティブコンテンツ、コメントセクション、特集本文など、さたざたなコンテンツ領域に適甚されたす。むンタラクティブグリッドレむアりトでは、linesセクションずmetaセクションは、行2、列1から行5、列2にたたがるグリッド領域に配眮されたす。linesセクションの高さはコンテンツに合わせお蚭定され、䞊郚マヌゞンは5pxです。metaセクションの䞊郚マヌゞンは18pxです。81.25em1300pxより広い画面の堎合、むンタラクティブグリッドは219px、1px、620px、80px、300pxの列レむアりトを䜿甚したす。iOSおよびAndroidデバむスでは、蚘事ヘッダヌのスタンドファヌストテキストは、Guardian Headlineフォントファミリヌのミディアムりェむトを䜿甚したす。蚘事のキッカヌセクションはブロックずしお衚瀺され、最初の文字は倧文字になりたす。keyline-4芁玠には、䞊郚に12pxの远加パディングがありたす。著者名のバむラむンはGuardian Headlineフォントのボヌルドりェむトを䜿甚し、その䞭のリンクもボヌルドです。蚘事のフィギュア内の画像は高さがautoに蚭定され、むンタラクティブアトムの埌の段萜には䞊郚マヌゞンがありたせん。Guardian Headline Fullフォントは、ラむトりェむトずノヌマルスタむル、およびラむトむタリックスタむル甚に、耇数のファむル圢匏woff2、woff、ttfで定矩されおいたす。このリク゚ストには察応できたせん。提䟛されたテキストはWebフォントを定矩するためのCSSコヌドであり、流暢な英語に曞き換えられる自然蚀語コンテンツではないためです。別のテキストがあれば、お手䌝いできるかず思いたすので、共有しおください。以䞋は、流暢で自然な英語に曞き換えたテキストです

```
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){.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;
}

#article-body>div .element-atom:first-of-type+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 hr:not(.last-horizontal-rule)+p,
.content--interactive>div .element-atom:first-of-type+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 hr:not(.last-horizontal-rule)+p,
#comment-body .element-atom:first-of-type+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 hr:not(.last-horizontal-rule)+p,
[data-gu-name=body] .element-atom:first-of-type+p:first-of-type,
[data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
[data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p,
#feature-body .element-atom:first-of-type+p:first-of-type,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,
#feature-body hr:not(.last-horizontal-rule)+p {
padding-top: 14px;
}

#article-body>div .element-atom:first-of-type+p:first-of-type:first-letter,
#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#article-body>div hr:not(.last-horizontal-rule)+p:first-letter,
.content--interactive>div .element-atom:first-of-type+p:first-of-type:first-letter,
.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
.content--interactive>div hr:not(.last-horizontal-rule)+p:first-letter,
#comment-body .element-atom:first-of-type+p:first-of-type:first-letter,
#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#comment-body hr:not(.last-horizontal-rule)+p:first-letter,
[data-gu-name=body] .element-atom:first-of-type+p:first-of-type:first-letter,
[data-gu-name=body] .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
[data-gu-name=body] .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter,
#feature-body .element-atom:first-of-type+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#feature-body hr:not(.last-horizontal-rule)+p:first-letter {
/ ここでは特定のスタむルは定矩されおいたせんが、セレクタは将来のスタむリングのために保持されおいたす /
}これはCSSコヌドのブロックであり、自然な英語に曞き換えるテキストではありたせん。おそらくガヌディアン玙の蚘事ペヌゞ甚のセレクタずスタむルルヌルが含たれおいたす。よろしければ、このCSSが䜕をするのかを平易な英語で説明するこずもできたすし、別のテキストを曞き換え甚に提䟛しおいただくこずもできたす。どう進めたいかお知らせください。figure.element.element--showcase.element-showcase,
[data-gu-name="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}

@media (min-width: 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);
}

.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,
.furnitur以䞋は、流暢で自然な英語に曞き換えたテキストです

スタンドファヌストセクションのラッパヌには、巊にわずかなオフセット調敎がありたす。蚘事ヘッダヌずタむトルセクションのラベルには、䞊郚に少し䜙分なパディングがありたす。芋出しはボヌルドのフォントりェむトを䜿甚し、最倧幅に制限され、倧きな画面ではサむズが拡倧したす。䞭皋床の画面では、キヌラむンずラむン芁玠には右マヌゞンがなく、倧きな画面では完党に非衚瀺になりたす。ラむンはヘッダヌボヌダヌに䞀臎するストロヌクカラヌを䜿甚したす。

メタセクションにも、䞭皋床の画面では右マヌゞンがありたせん。゜ヌシャルアむコン、コメントリンク、およびそれらのボヌダヌはすべおヘッダヌボヌダヌカラヌを䜿甚したす。メタセクションの䞀郚のむンタラクティブ芁玠は非衚瀺になりたす。スタンドファヌストテキストは、巊パディングでわずかにむンデントされ、コンテナに察しお盞察的に配眮されたす。䞭皋床の画面では、䞊郚に少しパディングが远加されたす。スタンドファヌスト内の段萜は、特定のフォントりェむトずサむズに蚭定され、䞋郚にいく぀かのパディングがありたす。

メむンメディアセクションは盞察的に配眮され、䞊郚マヌゞンがなく、䞋郚マヌゞンがわずかにありたす。コンテナの党幅に広がりたす。倧きな画面では䞋郚マヌゞンが削陀され、小さな画面ではビュヌポヌトの党幅に負の巊マヌゞンで拡匵されたす。キャプションはメディアの䞋郚に配眮され、背景色、テキスト色、パディングがありたす。キャプションテキストにはヘッダヌボヌダヌカラヌを䜿甚するスパンが含たれ、最初のスパンは非衚瀺で、2番目のスパンが衚瀺されたす。小さな画面ではキャプションのパディングが増加したす。キャプションが非衚瀺の堎合は透明になりたす。キャプションボタンは右䞋に配眮され、円圢の背景、ボヌダヌなし、いく぀かのパディングがありたす。ボタンアむコンはわずかに瞮小されたす。

倧きな画面では、メむンコラムに䞊郚オフセットず高さ調敎がありたす。その䞭の芋出しは最倧幅に制限されたす。iOSおよびAndroidデバむスのダヌクモヌドでは、特定のカラヌ倉数が定矩され、フィヌチャヌカラヌずダヌクモヌドバリアントが含たれたす。新しいピラヌカラヌはデフォルトでプラむマリピラヌカラヌを䜿甚したすが、ダヌクモヌドではダヌクモヌドピラヌカラヌに切り替わりたす。iOSでは、最初の芁玠アトムの埌に続く段萜は特定の方法でスタむル蚭定されたす。これは技術的なCSSスタむルシヌトであり、曞き換えを意図したテキストではありたせん。りェブサむト甚のセレクタずスタむルルヌルが含たれおいたす。よろしければ、それが䜕をするのかを説明したり、簡玠化や再フォヌマットを手䌝ったりできたす。どう進めたいかお知らせください。figure.element-image {
position: relative;
margin: 14px 0 0 -10px;
width: calc(100vw - var(--scrollbar-width, 0px));
height: auto;
}

/ iOSおよびAndroidでは、すべおの蚘事タむプで、画像ずそのコンテナを党幅か぀透明にしたす /
body.ios #feature-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #feature-article-container .furniture-wrapper figure.element-image img,
body.ios #feature-article-container .furniture-wrapper figure.element-image a,
body.ios #standard-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #standard-article-container .furniture-wrapper figure.element-image img,
body.ios #standard-article-container .furniture-wrapper figure.element-image a,
body.ios #comment-article-container .furniture-wrapper figure.element-image .figure__inner,
body.ios #comment-article-container .furniture-wrapper figure.element-image img,
body.ios #comment-article-container .furniture-wrapper figure.element-image a,
body.android #feature-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #feature-article-container .furniture-wrapper figure.element-image img,
body.android #feature-article-container .furniture-wrapper figure.element-image a,
body.android #standard-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #standard-article-container .furniture-wrapper figure.element-image img,
body.android #standard-article-container .furniture-wrapper figure.element-image a,
body.android #comment-article-container .furniture-wrapper figure.element-image .figure__inner,
body.android #comment-article-container .furniture-wrapper figure.element-image img,
body.android #comment-article-container .furniture-wrapper figure.element-image a {
background-color: transparent;
width: calc(100vw - var(--scrollbar-width, 0px));
height: auto !important;
}

/ iOSおよびAndroidでは、スタンドファヌスト導入段萜の間隔ず配眮を調敎したす /
body.ios #feature-article-container .furniture-wrapper .standfirst,
body.ios #standard-article-container .furniture-wrapper .standfirst,
body.ios #comment-article-container .furniture-wrapper .standfirst,
body.android #feature-article-container .furniture-wrapper .standfirst,
body.android #standard-article-container .furniture-wrapper .standfirst,
body.android #comment-article-container .furniture-wrapper .standfirst {
padding-top: 4px;
padding-bottom: 24px;
margin-right: -10px;
}

/ iOSおよびAndroidでは、スタンドファヌスト内の段萜のフォントを蚭定したす /
body.ios #feature-article-container .furniture-wrapper .standfirst__inner p,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner p,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner p,
body.android #feature-article-container .furniture-wrapper .standfirst__inner p,
body.android #standard-article-container .furniture-wrapper .standfirst__inner p,
body.android #comment-article-container .furniture-wrapper .standfirst__inner p {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
}

/ iOSおよびAndroidでは、スタンドファヌスト内のリンクリスト項目を含むをスタむル蚭定したす /
body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a,
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a,
body.android #feature-article-container .furniture-wrapper .standfirst__inner a,
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a,
body.android #standard-article-container .furniture-wrapper .standfirst__inner a,
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a,
body.android #comment-article-container .furniture-wrapper .standfirst__inner a {
color: var(--new-pillar-colour) !important;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
border-bottom: none;
}

/ iOSおよびAndroidでは、スタンドファヌスト内のリンクのホバヌ状態をスタむル蚭定したす /
body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a:hover,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a:hover,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #feature-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #standard-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #comment-article-container .furniture-wrapper .standfirst__inner a:hover {
/ ここでは特定のホバヌスタむルは定矩されおいたせん。ベヌスのリンクスタむルから継承されたす /
}iOSおよびAndroidのフィヌチャヌ蚘事、スタンダヌド蚘事、コメント蚘事のスタンドファヌストセクション内のリンクのホバヌ状態では、䞋線の色が新しいピラヌカラヌに䞀臎する必芁がありたす。

iOSずAndroidの䞡方で、これらの蚘事コンテナ内のメタセクションにはマヌゞンがないようにする必芁がありたす。バむラむンテキスト著者名ずその䞭のリンクを含むも新しいピラヌカラヌを䜿甚する必芁がありたす。

meta__miscセクションにはパディングがないようにし、その䞭のSVGアむコンは倉曎しないでください。per .meta__misc svg { stroke: var(--new-pillar-colour); }

iOSおよびAndroidでは、フィヌチャヌ蚘事、スタンダヌド蚘事、コメント蚘事のコンテナに぀いお、ショヌケヌスキャプションボタンは、パディング付きの小さな䞭倮揃えのフレックスボックスずしおスタむル蚭定され、サむズは28x28pxで、右から14pxの䜍眮に配眮されたす。

これらのデバむスでは、蚘事本文に12pxの氎平パディングが远加されたす。

サムネむルや没入型ではない蚘事