diff --git a/dotcom-rendering/src/layouts/AudioLayout.stories.tsx b/dotcom-rendering/src/layouts/AudioLayout.stories.tsx
deleted file mode 100644
index 9227a2e43d9..00000000000
--- a/dotcom-rendering/src/layouts/AudioLayout.stories.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { allModes } from '../../.storybook/modes';
-import { Audio as AudioFixture } from '../../fixtures/generated/fe-articles/Audio';
-import { ArticleDesign } from '../lib/articleFormat';
-import { getCurrentPillar } from '../lib/layoutHelpers';
-import { extractNAV } from '../model/extract-nav';
-import { enhanceArticleType } from '../types/article';
-import { AudioLayout } from './AudioLayout';
-
-const meta = {
-	title: 'Layouts/Audio',
-	component: AudioLayout,
-} satisfies Meta<typeof AudioLayout>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const appsArticle = enhanceArticleType(AudioFixture, 'Apps');
-
-if (appsArticle.design !== ArticleDesign.Audio) {
-	throw new Error(
-		`Expected ArticleDesign.Audio, got: ${String(appsArticle.design)}`,
-	);
-}
-
-export const Apps: Story = {
-	args: {
-		renderingTarget: 'Apps',
-		article: appsArticle.frontendData,
-		format: {
-			design: appsArticle.design,
-			display: appsArticle.display,
-			theme: appsArticle.theme,
-		},
-	},
-	parameters: {
-		formats: [
-			{
-				design: appsArticle.design,
-				display: appsArticle.display,
-				theme: appsArticle.theme,
-			},
-		],
-		config: {
-			renderingTarget: 'Apps',
-			darkModeAvailable: true,
-		},
-		chromatic: {
-			modes: {
-				'light mobileMedium': allModes['light mobileMedium'],
-			},
-		},
-	},
-};
-
-const webArticle = enhanceArticleType(AudioFixture, 'Web');
-
-if (webArticle.design !== ArticleDesign.Audio) {
-	throw new Error(
-		`Expected ArticleDesign.Audio, got: ${String(webArticle.design)}`,
-	);
-}
-
-export const Web: Story = {
-	args: {
-		renderingTarget: 'Web',
-		NAV: {
-			...extractNAV(webArticle.frontendData.nav),
-			selectedPillar: getCurrentPillar(webArticle.frontendData),
-		},
-		article: webArticle.frontendData,
-		format: {
-			design: webArticle.design,
-			display: webArticle.display,
-			theme: webArticle.theme,
-		},
-	},
-	parameters: {
-		formats: [
-			{
-				design: webArticle.design,
-				display: webArticle.display,
-				theme: webArticle.theme,
-			},
-		],
-		chromatic: {
-			modes: {
-				'light leftCol': allModes['light leftCol'],
-			},
-		},
-	},
-};
diff --git a/dotcom-rendering/src/layouts/AudioLayout.tsx b/dotcom-rendering/src/layouts/AudioLayout.tsx
deleted file mode 100644
index 7a1260aaca5..00000000000
--- a/dotcom-rendering/src/layouts/AudioLayout.tsx
+++ /dev/null
@@ -1,725 +0,0 @@
-import { css } from '@emotion/react';
-import {
-	from,
-	palette as sourcePalette,
-	until,
-} from '@guardian/source/foundations';
-import { StraightLines } from '@guardian/source-development-kitchen/react-components';
-import { AdPortals } from '../components/AdPortals.island';
-import { AdSlot, MobileStickyContainer } from '../components/AdSlot.web';
-import { AffiliateDisclaimer } from '../components/AffiliateDisclaimer';
-import { AppsFooter } from '../components/AppsFooter.island';
-import { ArticleBody } from '../components/ArticleBody';
-import { ArticleContainer } from '../components/ArticleContainer';
-import { ArticleHeadline } from '../components/ArticleHeadline';
-import { ArticleMetaApps } from '../components/ArticleMeta.apps';
-import { ArticleMeta } from '../components/ArticleMeta.web';
-import { ArticleTitle } from '../components/ArticleTitle';
-import { Border } from '../components/Border';
-import { Carousel } from '../components/Carousel.island';
-import { DirectoryPageNavIsland } from '../components/DirectoryPageNavIsland';
-import { DiscussionLayout } from '../components/DiscussionLayout';
-import { Footer } from '../components/Footer';
-import { GridItem } from '../components/GridItem';
-import { HeaderAdSlot } from '../components/HeaderAdSlot';
-import { Island } from '../components/Island';
-import { LabsHeader } from '../components/LabsHeader';
-import { MainMedia } from '../components/MainMedia';
-import { Masthead } from '../components/Masthead/Masthead';
-import { MostViewedFooterData } from '../components/MostViewedFooterData.island';
-import { MostViewedFooterLayout } from '../components/MostViewedFooterLayout';
-import { MostViewedRightWithAd } from '../components/MostViewedRightWithAd.island';
-import { OnwardsUpper } from '../components/OnwardsUpper.island';
-import { RightColumn } from '../components/RightColumn';
-import { Section } from '../components/Section';
-import { SlotBodyEnd } from '../components/SlotBodyEnd.island';
-import { Standfirst } from '../components/Standfirst';
-import { StickyBottomBanner } from '../components/StickyBottomBanner.island';
-import { SubMeta } from '../components/SubMeta';
-import { SubNav } from '../components/SubNav.island';
-import { type ArticleFormat, ArticleSpecial } from '../lib/articleFormat';
-import { canRenderAds } from '../lib/canRenderAds';
-import { getContributionsServiceUrl } from '../lib/contributions';
-import { decideStoryPackageTrails } from '../lib/decideTrail';
-import { parse } from '../lib/slot-machine-flags';
-import { worldCupTagId } from '../lib/worldCup2026';
-import type { NavType } from '../model/extract-nav';
-import { palette as themePalette } from '../palette';
-import type { ArticleDeprecated } from '../types/article';
-import type { RenderingTarget } from '../types/renderingTarget';
-import { BannerWrapper, Stuck } from './lib/stickiness';
-
-const AudioGrid = ({ children }: { children: React.ReactNode }) => (
-	<div
-		css={css`
-			/* IE Fallback */
-			display: flex;
-			flex-direction: column;
-			${until.leftCol} {
-				margin-left: 0;
-			}
-			${from.leftCol} {
-				margin-left: 151px;
-			}
-			${from.wide} {
-				margin-left: 230px;
-			}
-
-			@supports (display: grid) {
-				display: grid;
-				width: 100%;
-				margin-left: 0;
-				grid-column-gap: 0;
-				grid-template-columns: 100%; /* Main content */
-				grid-template-areas:
-					'title'
-					'headline'
-					'disclaimer'
-					'media'
-					'standfirst'
-					'meta'
-					'body';
-				${from.desktop} {
-					grid-template-columns: 620px 300px;
-					grid-template-areas:
-						'title         .'
-						'headline      .'
-						'disclaimer    right-column'
-						'media         right-column'
-						'standfirst     right-column'
-						'meta          right-column'
-						'body          right-column'
-						'.             right-column';
-				}
-				${from.leftCol} {
-					grid-column-gap: 10px;
-					grid-template-columns: 140px 1px 620px 300px;
-					grid-template-areas:
-						'title  border  headline     .'
-						'.      border  disclaimer   right-column'
-						'meta   border  media        right-column'
-						'meta   border  standfirst    right-column'
-						'meta   border  body         right-column'
-						'.      border  .            right-column';
-				}
-				${from.wide} {
-					grid-template-columns: 219px 1px 620px 80px 300px;
-					grid-template-areas:
-						'title  border  headline   .     .'
-						'.  	border  disclaimer .     right-column'
-						'meta   border  media      media right-column'
-						'meta   border  standfirst  .     right-column'
-						'meta   border  body       .     right-column'
-						'.      border  .          .     right-column';
-				}
-			}
-		`}
-	>
-		{children}
-	</div>
-);
-
-const maxWidth = css`
-	${from.desktop} {
-		max-width: 620px;
-	}
-`;
-
-interface Props {
-	article: ArticleDeprecated;
-	format: ArticleFormat;
-	renderingTarget: RenderingTarget;
-	serverTime?: number;
-}
-
-interface WebProps extends Props {
-	NAV: NavType;
-	renderingTarget: 'Web';
-}
-
-interface AppProps extends Props {
-	renderingTarget: 'Apps';
-}
-
-export const AudioLayout = (props: WebProps | AppProps) => {
-	const { article, format, renderingTarget, serverTime } = props;
-	const isWeb = renderingTarget === 'Web';
-	const isApps = renderingTarget === 'Apps';
-
-	const {
-		config: { isPaidContent, host, hasSurveyAd },
-		editionId,
-	} = article;
-
-	const showBodyEndSlot = parse(article.slotMachineFlags ?? '').showBodyEnd;
-
-	const showComments = article.isCommentable && !isPaidContent;
-
-	const { branding } = article.commercialProperties[article.editionId];
-
-	const contributionsServiceUrl = getContributionsServiceUrl(article);
-
-	const isLabs = format.theme === ArticleSpecial.Labs;
-
-	const isWorldCup2026 = article.tags.some((tag) => tag.id === worldCupTagId);
-
-	const renderAds = canRenderAds(article);
-
-	return (
-		<>
-			{isWeb && (
-				<div data-print-layout="hide" id="bannerandheader">
-					{renderAds && (
-						<Stuck>
-							<Section
-								fullWidth={true}
-								showTopBorder={false}
-								showSideBorders={false}
-								padSides={false}
-								shouldCenter={false}
-							>
-								<HeaderAdSlot />
-							</Section>
-						</Stuck>
-					)}
-					<Masthead
-						nav={props.NAV}
-						editionId={article.editionId}
-						idUrl={article.config.idUrl}
-						mmaUrl={article.config.mmaUrl}
-						discussionApiUrl={article.config.discussionApiUrl}
-						idApiUrl={article.config.idApiUrl}
-						contributionsServiceUrl={contributionsServiceUrl}
-						showSubNav={!isLabs && !isWorldCup2026}
-						showSlimNav={false}
-						hasPageSkinContentSelfConstrain={true}
-						pageId={article.pageId}
-						sectionId={article.config.section}
-						tagIds={article.tags.map((tag) => tag.id)}
-						contentType={article.contentType}
-					/>
-				</div>
-			)}
-
-			{isWeb && format.theme === ArticleSpecial.Labs && (
-				<Stuck zIndex="subNavBanner">
-					<Section
-						fullWidth={true}
-						showTopBorder={false}
-						backgroundColour={sourcePalette.labs[400]}
-						borderColour={sourcePalette.neutral[60]}
-						sectionId="labs-header"
-						element="aside"
-					>
-						<LabsHeader editionId={editionId} />
-					</Section>
-				</Stuck>
-			)}
-
-			{isWeb && renderAds && hasSurveyAd && (
-				<AdSlot position="survey" display={format.display} />
-			)}
-
-			<main data-layout="AudioLayout">
-				{isApps && renderAds && (
-					<Island priority="critical">
-						<AdPortals />
-					</Island>
-				)}
-				<DirectoryPageNavIsland
-					pageTags={article.tags}
-					pageId={article.pageId}
-				/>
-
-				<Section
-					fullWidth={true}
-					showTopBorder={false}
-					backgroundColour={themePalette('--article-background')}
-					borderColour={themePalette('--article-border')}
-					innerBackgroundColour={themePalette(
-						'--article-inner-background',
-					)}
-					element="article"
-				>
-					<AudioGrid>
-						<GridItem area="title" element="aside">
-							<ArticleTitle
-								format={format}
-								tags={article.tags}
-								sectionLabel={article.sectionLabel}
-								sectionUrl={article.sectionUrl}
-								guardianBaseURL={article.guardianBaseURL}
-							/>
-						</GridItem>
-						<GridItem area="border">
-							{format.theme === ArticleSpecial.Labs ? (
-								<></>
-							) : (
-								<Border />
-							)}
-						</GridItem>
-						<GridItem area="headline">
-							<div css={maxWidth}>
-								<ArticleHeadline
-									format={format}
-									headlineString={article.headline}
-									tags={article.tags}
-									byline={article.byline}
-									webPublicationDateDeprecated={
-										article.webPublicationDateDeprecated
-									}
-								/>
-							</div>
-						</GridItem>
-						<GridItem area="meta" element="aside">
-							<div css={maxWidth}>
-								{renderingTarget === 'Web' ? (
-									<ArticleMeta
-										branding={branding}
-										format={format}
-										pageId={article.pageId}
-										webTitle={article.webTitle}
-										byline={article.byline}
-										source={article.config.source}
-										tags={article.tags}
-										primaryDateline={
-											article.webPublicationDateDisplay
-										}
-										secondaryDateline={
-											article.webPublicationSecondaryDateDisplay
-										}
-										isCommentable={article.isCommentable}
-										discussionApiUrl={
-											article.config.discussionApiUrl
-										}
-										shortUrlId={article.config.shortUrlId}
-										mainMediaElements={
-											article.mainMediaElements
-										}
-									/>
-								) : (
-									<ArticleMetaApps
-										branding={branding}
-										format={format}
-										pageId={article.pageId}
-										byline={article.byline}
-										tags={article.tags}
-										primaryDateline={
-											article.webPublicationDateDisplay
-										}
-										secondaryDateline={
-											article.webPublicationSecondaryDateDisplay
-										}
-										isCommentable={article.isCommentable}
-										discussionApiUrl={
-											article.config.discussionApiUrl
-										}
-										shortUrlId={article.config.shortUrlId}
-										mainMediaElements={
-											article.mainMediaElements
-										}
-									/>
-								)}
-								{!!article.affiliateLinksDisclaimer && (
-									<AffiliateDisclaimer />
-								)}
-							</div>
-						</GridItem>
-						<GridItem area="media">
-							<MainMedia
-								format={format}
-								elements={article.mainMediaElements}
-								host={host}
-								pageId={article.pageId}
-								webTitle={article.webTitle}
-								ajaxUrl={article.config.ajaxUrl}
-								switches={article.config.switches}
-								isAdFreeUser={article.isAdFreeUser}
-								isSensitive={article.config.isSensitive}
-								editionId={article.editionId}
-								hideCaption={true}
-								shouldHideAds={article.shouldHideAds}
-								contentType={article.contentType}
-								contentLayout={'AudioLayout'}
-							/>
-						</GridItem>
-						<GridItem area="standfirst">
-							<Standfirst
-								format={format}
-								standfirst={article.standfirst}
-							/>
-						</GridItem>
-						<GridItem area="body">
-							<ArticleContainer format={format}>
-								<ArticleBody
-									format={format}
-									blocks={article.blocks}
-									pinnedPost={article.pinnedPost}
-									host={host}
-									pageId={article.pageId}
-									webTitle={article.webTitle}
-									ajaxUrl={article.config.ajaxUrl}
-									switches={article.config.switches}
-									isSensitive={article.config.isSensitive}
-									isAdFreeUser={article.isAdFreeUser}
-									sectionId={article.config.section}
-									shouldHideReaderRevenue={
-										article.shouldHideReaderRevenue
-									}
-									tags={article.tags}
-									isPaidContent={
-										!!article.config.isPaidContent
-									}
-									contributionsServiceUrl={
-										contributionsServiceUrl
-									}
-									contentType={article.contentType}
-									isPreview={article.config.isPreview}
-									idUrl={article.config.idUrl ?? ''}
-									isDev={!!article.config.isDev}
-									keywordIds={article.config.keywordIds}
-									tableOfContents={article.tableOfContents}
-									lang={article.lang}
-									isRightToLeftLang={
-										article.isRightToLeftLang
-									}
-									editionId={article.editionId}
-									shouldHideAds={article.shouldHideAds}
-									idApiUrl={article.config.idApiUrl}
-								/>
-								{isWeb && showBodyEndSlot && (
-									<Island
-										priority="feature"
-										defer={{ until: 'visible' }}
-									>
-										<SlotBodyEnd
-											contentType={article.contentType}
-											contributionsServiceUrl={
-												contributionsServiceUrl
-											}
-											idApiUrl={article.config.idApiUrl}
-											isMinuteArticle={
-												article.pageType.isMinuteArticle
-											}
-											isPaidContent={
-												article.pageType.isPaidContent
-											}
-											pageId={article.pageId}
-											sectionId={article.config.section}
-											shouldHideReaderRevenue={
-												article.shouldHideReaderRevenue
-											}
-											tags={article.tags}
-											renderAds={renderAds}
-											isLabs={isLabs}
-											articleEndSlot={
-												!!article.config.switches
-													.articleEndSlot
-											}
-											isSensitive={
-												article.config.isSensitive
-											}
-										/>
-									</Island>
-								)}
-								<StraightLines
-									data-print-layout="hide"
-									count={4}
-									cssOverrides={css`
-										display: block;
-									`}
-									color={themePalette('--straight-lines')}
-								/>
-								<SubMeta
-									format={format}
-									subMetaKeywordLinks={
-										article.subMetaKeywordLinks
-									}
-									subMetaSectionLinks={
-										article.subMetaSectionLinks
-									}
-									pageId={article.pageId}
-									webUrl={article.webURL}
-									webTitle={article.webTitle}
-									showBottomSocialButtons={
-										article.showBottomSocialButtons
-									}
-								/>
-							</ArticleContainer>
-						</GridItem>
-						<GridItem area="right-column">
-							{isWeb && (
-								<div
-									css={css`
-										padding-top: 0;
-										height: 100%;
-										${from.desktop} {
-											/* above 980 */
-											margin-left: 20px;
-											margin-right: -20px;
-											padding-bottom: 41px;
-										}
-										${from.leftCol} {
-											/* above 1140 */
-											margin-left: 0;
-											margin-right: 0;
-										}
-									`}
-								>
-									<RightColumn>
-										<Island
-											priority="feature"
-											defer={{
-												until: 'visible',
-												// Provide a much higher value for the top margin for the intersection observer
-												// This is because the most viewed would otherwise only be lazy loaded when the
-												// bottom of the container intersects with the viewport
-												rootMargin: '700px 100px',
-											}}
-										>
-											<MostViewedRightWithAd
-												format={format}
-												isPaidContent={
-													article.pageType
-														.isPaidContent
-												}
-												renderAds={renderAds}
-												shouldHideReaderRevenue={
-													!!article.config
-														.shouldHideReaderRevenue
-												}
-												shouldHideMostViewed={true}
-											/>
-										</Island>
-									</RightColumn>
-								</div>
-							)}
-						</GridItem>
-					</AudioGrid>
-				</Section>
-
-				{isWeb && renderAds && !isLabs && (
-					<Section
-						fullWidth={true}
-						padSides={false}
-						showTopBorder={false}
-						showSideBorders={false}
-						backgroundColour={themePalette('--ad-background')}
-						element="aside"
-					>
-						<AdSlot
-							data-print-layout="hide"
-							position="merchandising-high"
-							display={format.display}
-						/>
-					</Section>
-				)}
-
-				{article.storyPackage && (
-					<Section
-						fullWidth={true}
-						backgroundColour={themePalette(
-							'--article-section-background',
-						)}
-						borderColour={themePalette('--article-border')}
-					>
-						<Island priority="feature" defer={{ until: 'visible' }}>
-							<Carousel
-								heading={article.storyPackage.heading}
-								trails={decideStoryPackageTrails(
-									article.storyPackage.trails,
-									article.webURL,
-								)}
-								onwardsSource="more-on-this-story"
-								format={format}
-								leftColSize={'compact'}
-								discussionApiUrl={
-									article.config.discussionApiUrl
-								}
-								serverTime={serverTime}
-								renderingTarget={renderingTarget}
-							/>
-						</Island>
-					</Section>
-				)}
-
-				<Island priority="feature" defer={{ until: 'visible' }}>
-					<OnwardsUpper
-						ajaxUrl={article.config.ajaxUrl}
-						hasRelated={article.hasRelated}
-						hasStoryPackage={article.hasStoryPackage}
-						isAdFreeUser={article.isAdFreeUser}
-						pageId={article.pageId}
-						isPaidContent={!!article.config.isPaidContent}
-						showRelatedContent={article.config.showRelatedContent}
-						keywordIds={article.config.keywordIds}
-						contentType={article.contentType}
-						tags={article.tags}
-						format={format}
-						pillar={format.theme}
-						editionId={article.editionId}
-						shortUrlId={article.config.shortUrlId}
-						discussionApiUrl={article.config.discussionApiUrl}
-						serverTime={serverTime}
-						renderingTarget={renderingTarget}
-						webURL={article.webURL}
-					/>
-				</Island>
-				{isWeb && showComments && (
-					<Section
-						fullWidth={true}
-						sectionId="comments"
-						element="section"
-						backgroundColour={themePalette(
-							'--discussion-section-background',
-						)}
-						borderColour={themePalette('--article-border')}
-						fontColour={themePalette('--discussion-text')}
-					>
-						<DiscussionLayout
-							discussionApiUrl={article.config.discussionApiUrl}
-							shortUrlId={article.config.shortUrlId}
-							format={format}
-							discussionD2Uid={article.config.discussionD2Uid}
-							discussionApiClientHeader={
-								article.config.discussionApiClientHeader
-							}
-							enableDiscussionSwitch={
-								!!article.config.switches.enableDiscussionSwitch
-							}
-							isAdFreeUser={article.isAdFreeUser}
-							shouldHideAds={article.shouldHideAds}
-							idApiUrl={article.config.idApiUrl}
-						/>
-					</Section>
-				)}
-
-				{!isPaidContent && (
-					<Section
-						title="Most viewed"
-						padContent={false}
-						verticalMargins={false}
-						element="aside"
-						data-link-name="most-popular"
-						data-component="most-popular"
-						backgroundColour={themePalette(
-							'--article-section-background',
-						)}
-						borderColour={themePalette('--article-border')}
-					>
-						<MostViewedFooterLayout renderAds={renderAds}>
-							<Island
-								priority="feature"
-								defer={{ until: 'visible' }}
-							>
-								<MostViewedFooterData
-									sectionId={article.config.section}
-									ajaxUrl={article.config.ajaxUrl}
-									edition={article.editionId}
-								/>
-							</Island>
-						</MostViewedFooterLayout>
-					</Section>
-				)}
-
-				{isWeb && renderAds && !isLabs && (
-					<Section
-						fullWidth={true}
-						padSides={false}
-						showTopBorder={false}
-						showSideBorders={false}
-						backgroundColour={themePalette('--ad-background')}
-						element="aside"
-					>
-						<AdSlot
-							position="merchandising"
-							display={format.display}
-						/>
-					</Section>
-				)}
-			</main>
-
-			{isWeb && (
-				<>
-					{props.NAV.subNavSections && (
-						<Section
-							fullWidth={true}
-							padSides={false}
-							element="aside"
-						>
-							<Island
-								priority="enhancement"
-								defer={{ until: 'visible' }}
-							>
-								<SubNav
-									subNavSections={props.NAV.subNavSections}
-									currentNavLink={props.NAV.currentNavLink}
-									position="footer"
-								/>
-							</Island>
-						</Section>
-					)}
-					<Section
-						fullWidth={true}
-						padSides={false}
-						backgroundColour={sourcePalette.brand[400]}
-						borderColour={sourcePalette.brand[600]}
-						showSideBorders={false}
-						element="footer"
-					>
-						<Footer
-							pageFooter={article.pageFooter}
-							selectedPillar={props.NAV.selectedPillar}
-							pillars={props.NAV.pillars}
-							urls={article.nav.readerRevenueLinks.footer}
-							editionId={article.editionId}
-						/>
-					</Section>
-					<BannerWrapper data-print-layout="hide">
-						<Island priority="feature" defer={{ until: 'idle' }}>
-							<StickyBottomBanner
-								contentType={article.contentType}
-								contributionsServiceUrl={
-									contributionsServiceUrl
-								}
-								idApiUrl={article.config.idApiUrl}
-								isMinuteArticle={
-									article.pageType.isMinuteArticle
-								}
-								isPaidContent={article.pageType.isPaidContent}
-								isPreview={!!article.config.isPreview}
-								isSensitive={article.config.isSensitive}
-								pageId={article.pageId}
-								sectionId={article.config.section}
-								shouldHideReaderRevenue={
-									article.shouldHideReaderRevenue
-								}
-								remoteBannerSwitch={
-									!!article.config.switches.remoteBanner
-								}
-								tags={article.tags}
-								host={host}
-							/>
-						</Island>
-					</BannerWrapper>
-					{renderAds && (
-						<MobileStickyContainer data-print-layout="hide" />
-					)}
-				</>
-			)}
-			{isApps && (
-				<div
-					css={{
-						backgroundColor: themePalette(
-							'--apps-footer-background',
-						),
-					}}
-				>
-					<Island priority="critical">
-						<AppsFooter design={format.design} />
-					</Island>
-				</div>
-			)}
-		</>
-	);
-};
diff --git a/dotcom-rendering/src/layouts/DecideLayout.tsx b/dotcom-rendering/src/layouts/DecideLayout.tsx
index e0cc0efee13..77803138313 100644
--- a/dotcom-rendering/src/layouts/DecideLayout.tsx
+++ b/dotcom-rendering/src/layouts/DecideLayout.tsx
@@ -2,7 +2,6 @@ import { ArticleDesign, ArticleDisplay } from '../lib/articleFormat';
 import type { NavType } from '../model/extract-nav';
 import type { Article } from '../types/article';
 import type { RenderingTarget } from '../types/renderingTarget';
-import { AudioLayout } from './AudioLayout';
 import { CommentLayout } from './CommentLayout';
 import { CrosswordLayout } from './CrosswordLayout';
 import { FullPageInteractiveLayout } from './FullPageInteractiveLayout';
@@ -194,15 +193,6 @@ const DecideLayoutApps = ({ article, renderingTarget }: AppProps) => {
 							renderingTarget={renderingTarget}
 						/>
 					);
-				case ArticleDesign.Audio:
-					return (
-						<AudioLayout
-							article={article.frontendData}
-							format={format}
-							renderingTarget={renderingTarget}
-							serverTime={serverTime}
-						/>
-					);
 				default:
 					return (
 						<StandardLayout
@@ -356,16 +346,6 @@ const DecideLayoutWeb = ({ article, NAV, renderingTarget }: WebProps) => {
 							serverTime={serverTime}
 						/>
 					);
-				case ArticleDesign.Audio:
-					return (
-						<AudioLayout
-							article={article.frontendData}
-							format={format}
-							NAV={NAV}
-							renderingTarget={renderingTarget}
-							serverTime={serverTime}
-						/>
-					);
 				case ArticleDesign.Crossword:
 					return (
 						<CrosswordLayout
diff --git a/dotcom-rendering/src/layouts/StandardLayout.stories.tsx b/dotcom-rendering/src/layouts/StandardLayout.stories.tsx
new file mode 100644
index 00000000000..f4d94df458f
--- /dev/null
+++ b/dotcom-rendering/src/layouts/StandardLayout.stories.tsx
@@ -0,0 +1,93 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { allModes } from '../../.storybook/modes';
+import { Audio as AudioFixture } from '../../fixtures/generated/fe-articles/Audio';
+import { ArticleDesign } from '../lib/articleFormat';
+import { getCurrentPillar } from '../lib/layoutHelpers';
+import { extractNAV } from '../model/extract-nav';
+import { enhanceArticleType } from '../types/article';
+import { StandardLayout } from './StandardLayout';
+
+const meta = {
+	title: 'Layouts/Standard',
+	component: StandardLayout,
+} satisfies Meta<typeof StandardLayout>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+const appsAudioArticle = enhanceArticleType(AudioFixture, 'Apps');
+
+if (appsAudioArticle.design !== ArticleDesign.Audio) {
+	throw new Error(
+		`Expected ArticleDesign.Audio, got: ${String(appsAudioArticle.design)}`,
+	);
+}
+
+export const AppsAudio: Story = {
+	args: {
+		renderingTarget: 'Apps',
+		article: appsAudioArticle.frontendData,
+		format: {
+			design: appsAudioArticle.design,
+			display: appsAudioArticle.display,
+			theme: appsAudioArticle.theme,
+		},
+	},
+	parameters: {
+		formats: [
+			{
+				design: appsAudioArticle.design,
+				display: appsAudioArticle.display,
+				theme: appsAudioArticle.theme,
+			},
+		],
+		config: {
+			renderingTarget: 'Apps',
+			darkModeAvailable: true,
+		},
+		chromatic: {
+			modes: {
+				'light mobileMedium': allModes['light mobileMedium'],
+			},
+		},
+	},
+};
+
+const webAudioArticle = enhanceArticleType(AudioFixture, 'Web');
+
+if (webAudioArticle.design !== ArticleDesign.Audio) {
+	throw new Error(
+		`Expected ArticleDesign.Audio, got: ${String(webAudioArticle.design)}`,
+	);
+}
+
+export const WebAudio: Story = {
+	args: {
+		renderingTarget: 'Web',
+		NAV: {
+			...extractNAV(webAudioArticle.frontendData.nav),
+			selectedPillar: getCurrentPillar(webAudioArticle.frontendData),
+		},
+		article: webAudioArticle.frontendData,
+		format: {
+			design: webAudioArticle.design,
+			display: webAudioArticle.display,
+			theme: webAudioArticle.theme,
+		},
+	},
+	parameters: {
+		formats: [
+			{
+				design: webAudioArticle.design,
+				display: webAudioArticle.display,
+				theme: webAudioArticle.theme,
+			},
+		],
+		chromatic: {
+			modes: {
+				'light leftCol': allModes['light leftCol'],
+			},
+		},
+	},
+};
diff --git a/dotcom-rendering/src/layouts/StandardLayoutArticleGrid.tsx b/dotcom-rendering/src/layouts/StandardLayoutArticleGrid.tsx
index 4d6aab78791..84fb7928e6d 100644
--- a/dotcom-rendering/src/layouts/StandardLayoutArticleGrid.tsx
+++ b/dotcom-rendering/src/layouts/StandardLayoutArticleGrid.tsx
@@ -111,8 +111,6 @@ export const StandardLayoutArticleGrid = ({
 		format.design === ArticleDesign.Audio;
 	const isShowcase = format.display === ArticleDisplay.Showcase;
 
-	const isVideo = format.design === ArticleDesign.Video;
-
 	const footballMatchUrl =
 		article.matchType === 'FootballMatchType'
 			? article.matchUrl
@@ -187,18 +185,20 @@ export const StandardLayoutArticleGrid = ({
 				<Standfirst format={format} standfirst={article.standfirst} />
 			</GridItem>
 			<GridItem area="meta" layoutType={layoutType} element="aside">
-				<div css={stretchLines}>
-					{isWeb &&
-					format.theme === ArticleSpecial.Labs &&
-					format.design !== ArticleDesign.Video ? (
-						<GuardianLabsLines />
-					) : (
-						<DecideLines
-							format={format}
-							color={themePalette('--article-border')}
-						/>
-					)}
-				</div>
+				{format.design !== ArticleDesign.Audio && (
+					<div css={stretchLines}>
+						{isWeb &&
+						format.theme === ArticleSpecial.Labs &&
+						format.design !== ArticleDesign.Video ? (
+							<GuardianLabsLines />
+						) : (
+							<DecideLines
+								format={format}
+								color={themePalette('--article-border')}
+							/>
+						)}
+					</div>
+				)}
 				{isApps ? (
 					<>
 						<Hide from="leftCol">
@@ -279,7 +279,7 @@ export const StandardLayoutArticleGrid = ({
 				{/* Only show Listen to Article button on App landscape views */}
 				{isApps && (
 					<Hide until="leftCol">
-						{!isVideo && (
+						{!isMedia && (
 							<div
 								css={css`
 									margin-top: ${space[2]}px;
@@ -419,6 +419,9 @@ export const StandardLayoutArticleGrid = ({
 							shouldHideReaderRevenue={
 								!!article.config.shouldHideReaderRevenue
 							}
+							shouldHideMostViewed={
+								format.design === ArticleDesign.Audio
+							}
 						/>
 					</Island>
 				</Hide>