/**
 * FT Legal Standalone — legal-content stylesheet.
 *
 * Origami supplies the site shell, typography, colors, header and footer.
 * This stylesheet adds only the legal article width and WordPress helpers.
 *
 * Selectors are scoped with an "ft-" prefix to avoid clashes with WordPress
 * core, Gutenberg blocks, Yoast or the admin toolbar.
 *
 * Font strategy: proprietary FT faces (Financier Display, Metric) are NOT
 * bundled because they are not openly licensed for redistribution. Close,
 * license-safe system fallbacks are used instead. If authorised FT web-font
 * files are available, add @font-face rules here and update the stacks below.
 */

/* ------------------------------------------------------------------ *
 * 1. Design tokens (FT Origami o-colors)
 * ------------------------------------------------------------------ */
:root {
	--ft-paper: #fff1e5;
	--ft-black: #33302e;
	--ft-black-pure: #000000;
	--ft-text: #33302e;
	--ft-text-muted: #66605c;
	--ft-oxford: #0f5499;
	--ft-teal: #0d7680;
	--ft-claret: #990f3d;
	--ft-border: #ccc1b7;
	--ft-border-light: #e6d9ce;

	--ft-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--ft-serif: Georgia, "Times New Roman", Times, serif;

	--ft-measure: 720px;
	--ft-gutter: 20px;
}

/* ------------------------------------------------------------------ *
 * 2. Base / reset
 * ------------------------------------------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* FT paper (salmon) page background; Origami's internal brand defaults to white. */
body {
	background-color: var(--ft-paper);
}

img {
	max-width: 100%;
	height: auto;
}

/* ------------------------------------------------------------------ *
 * 3. Layout container (single column)
 * ------------------------------------------------------------------ */
.ft-container {
	width: 100%;
	max-width: var(--ft-measure);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--ft-gutter);
	padding-right: var(--ft-gutter);
}

/* ------------------------------------------------------------------ *
 * 4. Masthead / header (black FT bar)
 * ------------------------------------------------------------------ */
.ft-masthead {
	background-color: var(--ft-black-pure);
	padding: 0;
}

.ft-masthead__inner {
	display: flex;
	align-items: center;
	min-height: 59px;
	max-width: none;
	padding-left: 12px;
	padding-right: 12px;
}

.ft-masthead__brand {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.ft-masthead__brand:hover,
.ft-masthead__brand:focus {
	text-decoration: none;
}

/* Full-width black top bar to match legal.ft.com; Origami's internal brand defaults to slate. */
.o-header-services,
.o-header-services__top {
	background-color: var(--ft-black-pure);
}

/* FT logo — replaces Origami's default black & white header logo. */
.o-header-services__logo.ft-header-logo {
	background-image: none;
	flex: 0 0 auto;
}

.ft-header-logo a,
.ft-header-logo img {
	display: block;
	width: 100%;
	height: 100%;
}

.ft-header-logo img {
	object-fit: cover;
}

/* ------------------------------------------------------------------ *
 * 5. Main content
 * ------------------------------------------------------------------ */
.ft-main {
	display: block;
	padding: 0;
}

.ft-main .ft-container {
	max-width: 1220px;
	padding-top: 40px;
	padding-bottom: 64px;
}

.ft-article {
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 20px 64px;
}

.ft-article__header {
	margin-bottom: 24px;
}

.ft-article__title {
	margin: 0;
}

.ft-article__title a {
	color: inherit;
}

.ft-article__content {
	max-width: 680px;
}

.ft-article__content p {
	margin: 0 0 1.25em;
}

/* Heading sizes as on the old legal.ft.com; the selector outranks Origami's own. */
.o-layout-typography .ft-article__content h2:not(.o-layout__unstyled-element) {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
}

.o-layout-typography .ft-article__content h3:not(.o-layout__unstyled-element) {
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
}

/* Documentation pages: content sits beside the Origami sidebar, as on the old site. */
.o-layout--docs .ft-article {
	max-width: none;
	margin: 0;
	padding: 0 0 64px;
}

.ft-article__content ul,
.ft-article__content ol {
	margin: 0 0 1.25em;
	padding-left: 1.25em;
}

.ft-article__content li {
	margin-bottom: 0.4em;
}

.ft-article__content a {
	color: var(--ft-teal);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ft-article__content a:hover,
.ft-article__content a:focus {
	color: var(--ft-oxford);
}

.ft-article__content hr {
	border: 0;
	border-top: 1px solid var(--ft-border);
	margin: 2em 0;
}

.ft-article__content blockquote {
	margin: 1.5em 0;
	padding-left: 20px;
	border-left: 4px solid var(--ft-border);
	color: var(--ft-text-muted);
}

.ft-article__entry {
	padding-bottom: 32px;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--ft-border-light);
}

.ft-page-links {
	margin-top: 1.5em;
	font-size: 0.9375rem;
}

/* Posts navigation (fallback templates). */
.navigation {
	margin-top: 32px;
	font-size: 1rem;
}

.navigation .nav-links a {
	text-decoration: underline;
}

/* ------------------------------------------------------------------ *
 * 6. Footer (single line)
 * ------------------------------------------------------------------ */

/* A WordPress-assigned footer menu renders inline, like the default links. */
.ft-footer-menu {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ft-footer-menu li {
	display: inline;
	margin: 0;
}
.ft-footer {
	background-color: var(--ft-paper);
	border-top: 1px solid var(--ft-border);
	padding: 16px 0;
	font-size: 0.8125rem;
	color: var(--ft-text-muted);
}

.ft-footer__inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.ft-footer__nav {
	margin: 0;
}

.ft-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.ft-footer__list a {
	color: var(--ft-text-muted);
	text-decoration: none;
}

.ft-footer__list a:hover,
.ft-footer__list a:focus {
	color: var(--ft-teal);
	text-decoration: underline;
}

.ft-footer__copyright {
	margin: 0;
	margin-left: auto;
	color: var(--ft-text-muted);
	white-space: nowrap;
}

/* ------------------------------------------------------------------ *
 * 7. WordPress core alignment helpers
 * ------------------------------------------------------------------ */
.alignleft {
	float: left;
	margin: 0.3em 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 0.3em 0 1em 1.5em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size: 0.8125rem;
	color: var(--ft-text-muted);
	text-align: center;
}

.sticky,
.gallery-caption,
.bypostauthor {
	display: block;
}

/* ------------------------------------------------------------------ *
 * 8. Responsive — tablet and mobile
 * ------------------------------------------------------------------ */
@media (max-width: 979px) {
}

@media (max-width: 739px) {
	.ft-article {
		padding: 24px 16px 48px;
	}

	.ft-article__title {
		font-size: inherit;
	}
}

@media (max-width: 479px) {
}