:root {
	--ranama-p10-blue: #223f99;
	--ranama-p10-green: #406d5a;
	--ranama-p10-amber: #d99a2b;
	--ranama-p10-navy: #2b3e5b;
	--ranama-p10-mist: #edf1f4;
	--ranama-p10-white: #fff;
	--ranama-p10-slate: #6c7f91;
	--ranama-p10-steel: #a9b2bc;
	--ranama-p10-ink: #17263b;
	--ranama-p10-line: rgba(43, 62, 91, 0.18);
	--ranama-p10-line-light: rgba(255, 255, 255, 0.22);
	--ranama-p10-shell: min(1440px, calc(100vw - clamp(2rem, 7vw, 7rem)));
}

body.ranama-page-10-body {
	background: var(--ranama-p10-mist);
	color: var(--ranama-p10-navy);
	font-family: "Noto Sans", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	overflow-x: clip;
}

.ranama-page-10-body .wp-site-blocks {
	padding: 0;
}

.ranama-p10,
.ranama-p10 *,
.ranama-p10 *::before,
.ranama-p10 *::after,
.ranama-home-header *,
.ranama-home-footer * {
	box-sizing: border-box;
}

.ranama-p10 {
	overflow: clip;
}

.ranama-p10 section,
.ranama-p10 nav {
	position: relative;
}

.ranama-p10 section[id],
.ranama-p10 article[id] {
	scroll-margin-top: 6rem;
}

.ranama-p10 h1,
.ranama-p10 h2,
.ranama-p10 h3,
.ranama-p10 p,
.ranama-p10 figure,
.ranama-p10 blockquote,
.ranama-p10 dl,
.ranama-p10 dd,
.ranama-p10 ul {
	margin: 0;
}

.ranama-p10 h1,
.ranama-p10 h2,
.ranama-p10 h3 {
	font-family: "Archivo", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: -0.045em;
	line-height: 0.98;
}

.ranama-p10 h1 em,
.ranama-p10 h2 em,
.ranama-p10 h3 em {
	font-style: normal;
	font-weight: 500;
}

.ranama-p10 img {
	display: block;
	max-width: 100%;
}

.ranama-p10 a {
	color: inherit;
	text-decoration: none;
}

.ranama-p10 a:focus-visible,
.ranama-p10 summary:focus-visible {
	outline: 2px solid var(--ranama-p10-amber);
	outline-offset: 5px;
}

.ranama-p10-shell {
	margin-inline: auto;
	width: var(--ranama-p10-shell);
}

.ranama-p10-kicker {
	align-items: center;
	display: flex;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.68rem;
	font-weight: 600;
	gap: 0.8rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
}

.ranama-p10-kicker > span {
	align-items: center;
	background: var(--ranama-p10-amber);
	color: var(--ranama-p10-ink);
	display: inline-flex;
	font-size: 0.61rem;
	height: 1.55rem;
	justify-content: center;
	letter-spacing: 0;
	min-width: 1.8rem;
	padding-inline: 0.35rem;
}

.ranama-p10-kicker--light {
	color: rgba(255, 255, 255, 0.74);
}

.ranama-p10-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.4rem;
}

.ranama-p10-button {
	align-items: center;
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 700;
	gap: 2rem;
	justify-content: space-between;
	letter-spacing: 0.075em;
	line-height: 1.25;
	min-height: 3.9rem;
	padding: 0.3rem 1.4rem;
	text-transform: uppercase;
	transition: background-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.ranama-p10-button:hover {
	transform: translateY(-2px);
}

.ranama-p10-button--amber {
	background: var(--ranama-p10-amber);
	color: var(--ranama-p10-ink) !important;
}

.ranama-p10-button--amber:hover {
	background: var(--ranama-p10-white);
}

.ranama-p10-button--blue {
	background: var(--ranama-p10-blue);
	color: var(--ranama-p10-white) !important;
}

.ranama-p10-button--blue:hover {
	background: var(--ranama-p10-navy);
}

.ranama-p10-button--outline {
	border: 1px solid rgba(255, 255, 255, 0.55);
	color: var(--ranama-p10-white) !important;
}

.ranama-p10-button--outline:hover {
	background: var(--ranama-p10-white);
	color: var(--ranama-p10-navy) !important;
}

.ranama-p10-text-link {
	align-items: center;
	border-bottom: 1px solid currentColor;
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 700;
	gap: 1.8rem;
	justify-content: space-between;
	letter-spacing: 0.055em;
	line-height: 1.4;
	padding-block: 0.55rem;
	text-transform: uppercase;
	transition: color 180ms ease, gap 180ms ease;
}

.ranama-p10-text-link:hover {
	gap: 2.35rem;
}

.ranama-p10-text-link--light {
	color: var(--ranama-p10-white) !important;
}

.ranama-p10-text-link--light:hover {
	color: var(--ranama-p10-amber) !important;
}

.ranama-p10-handle-field {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
}

.ranama-p10-handle-field::before,
.ranama-p10-handle-field::after {
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-bottom: 0;
	border-radius: 6rem 6rem 0 0;
	content: "";
	height: 34%;
	position: absolute;
	right: 5%;
	top: 8%;
	width: 34%;
}

.ranama-p10-handle-field::after {
	border-color: rgba(217, 154, 43, 0.25);
	right: 9%;
	top: 12%;
	width: 26%;
}

/* Hero: a single exact 25L object anchors the family while capacity remains typographic. */
.ranama-p10-hero {
	background: linear-gradient(125deg, var(--ranama-p10-navy) 0%, #233f67 54%, var(--ranama-p10-green) 100%);
	color: var(--ranama-p10-white);
	min-height: 58rem;
	padding: 5.25rem 0 0;
}

.ranama-p10-hero__shell {
	padding-top: 1.4rem;
	position: relative;
	z-index: 2;
}

.ranama-p10-breadcrumb {
	align-items: center;
	color: rgba(255, 255, 255, 0.58);
	display: flex;
	flex-wrap: wrap;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.52rem;
	gap: 0.55rem;
	letter-spacing: 0.06em;
	min-height: 2.1rem;
	text-transform: uppercase;
}

.ranama-p10-breadcrumb a:hover {
	color: var(--ranama-p10-amber);
}

.ranama-p10-breadcrumb strong {
	color: var(--ranama-p10-white);
	font-weight: 600;
}

.ranama-p10-hero__layout {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	min-height: 45rem;
}

.ranama-p10-hero__copy {
	align-self: center;
	grid-column: 1 / 7;
	padding: clamp(4rem, 8vw, 8rem) clamp(2rem, 4vw, 5rem) clamp(4rem, 6vw, 6rem) 0;
	position: relative;
	z-index: 3;
}

.ranama-p10-hero h1 {
	font-size: clamp(4.25rem, 7.25vw, 8rem);
	line-height: 0.86;
	margin-top: 1.6rem;
	max-width: 8.8ch;
}

.ranama-p10-hero h1 em {
	color: var(--ranama-p10-amber);
	display: block;
	font-size: 0.56em;
	line-height: 1;
	margin-top: 0.2em;
}

.ranama-p10-hero__intro {
	border-left: 1px solid rgba(255, 255, 255, 0.32);
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.92rem;
	margin-top: 2.5rem;
	max-width: 35rem;
	padding-left: 1.4rem;
}

.ranama-p10-hero__intro p + p {
	margin-top: 0.9rem;
}

.ranama-p10-hero .ranama-p10-actions {
	margin-top: 2.5rem;
}

.ranama-p10-hero__object {
	align-self: end;
	background: linear-gradient(145deg, #fff 0%, #e7edf0 100%);
	grid-column: 7 / -1;
	height: 45rem;
	overflow: hidden;
	position: relative;
}

.ranama-p10-hero__object img {
	height: 100%;
	margin-left: auto;
	mix-blend-mode: multiply;
	object-fit: contain;
	object-position: 54% 100%;
	position: relative;
	width: 83%;
	z-index: 2;
}

.ranama-p10-hero__capacity-stack {
	color: rgba(34, 63, 153, 0.13);
	display: grid;
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(4.8rem, 8.5vw, 9rem);
	font-weight: 600;
	left: 2.5rem;
	letter-spacing: -0.08em;
	line-height: 0.78;
	position: absolute;
	top: 2rem;
	z-index: 1;
}

.ranama-p10-hero__capacity-stack span:nth-child(2) {
	color: var(--ranama-p10-blue);
}

.ranama-p10-hero__object figcaption {
	align-items: center;
	background: var(--ranama-p10-navy);
	bottom: 0;
	display: flex;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.52rem;
	justify-content: space-between;
	left: 0;
	letter-spacing: 0.07em;
	padding: 0.9rem 1.1rem;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	z-index: 4;
}

.ranama-p10-hero__object figcaption span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-hero__object figcaption:empty {
	min-height: 2.8rem;
}

.ranama-p10-hero__proof {
	border-left: 1px solid var(--ranama-p10-line-light);
	border-top: 1px solid var(--ranama-p10-line-light);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ranama-p10-hero__proof > div {
	border-bottom: 1px solid var(--ranama-p10-line-light);
	border-right: 1px solid var(--ranama-p10-line-light);
	display: grid;
	gap: 2.8rem;
	min-height: 9.5rem;
	padding: 1.25rem;
}

.ranama-p10-hero__proof span,
.ranama-p10-hero__proof strong {
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.56rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ranama-p10-hero__proof span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-hero__proof strong {
	align-self: end;
}

/* Atlas Index */
.ranama-p10-atlas {
	background: var(--ranama-p10-white);
	padding: 4.5rem 0 5.5rem;
}

.ranama-p10-atlas__head {
	align-items: center;
	background: var(--ranama-p10-ink);
	color: var(--ranama-p10-white);
	display: flex;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.58rem;
	justify-content: space-between;
	letter-spacing: 0.08em;
	padding: 1.1rem 1.25rem;
	text-transform: uppercase;
}

.ranama-p10-atlas__head span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-atlas__entries {
	border-left: 1px solid var(--ranama-p10-line);
	display: grid;
	grid-template-columns: 1.45fr 1.45fr repeat(3, 0.75fr);
}

.ranama-p10-atlas__entries > a,
.ranama-p10-atlas__entries > p {
	border-bottom: 1px solid var(--ranama-p10-line);
	border-right: 1px solid var(--ranama-p10-line);
	display: grid;
	gap: 1.4rem;
	min-height: 11rem;
	padding: 1.2rem;
	transition: background-color 200ms ease, color 200ms ease;
}

.ranama-p10-atlas__entries > p.is-current {
	background: var(--ranama-p10-blue);
	color: var(--ranama-p10-white);
}

.ranama-p10-atlas__entries > a:hover,
.ranama-p10-atlas__entries > a.is-active {
	background: var(--ranama-p10-mist);
}

.ranama-p10-atlas__entries small,
.ranama-p10-atlas__entries span {
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.52rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.ranama-p10-atlas__entries small,
.ranama-p10-atlas__entries > p span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-atlas__entries strong {
	align-self: center;
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(1.05rem, 1.7vw, 1.45rem);
	letter-spacing: -0.035em;
	line-height: 1.05;
}

.ranama-p10-atlas__entries > a span {
	align-self: end;
	color: var(--ranama-p10-blue);
}

/* Range overview */
.ranama-p10-overview {
	background: var(--ranama-p10-mist);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-overview::before {
	background-image: linear-gradient(var(--ranama-p10-line) 1px, transparent 1px), linear-gradient(90deg, var(--ranama-p10-line) 1px, transparent 1px);
	background-size: 8rem 8rem;
	content: "";
	inset: 0;
	opacity: 0.25;
	pointer-events: none;
	position: absolute;
}

.ranama-p10-overview__layout {
	display: grid;
	gap: clamp(4rem, 10vw, 11rem);
	grid-template-columns: 1.15fr 0.85fr;
	position: relative;
}

.ranama-p10-overview h2,
.ranama-p10-characteristics h2,
.ranama-p10-guidance h2,
.ranama-p10-lifecycle h2,
.ranama-p10-faq h2 {
	font-size: clamp(3.7rem, 7vw, 7.5rem);
	margin-top: 1.8rem;
}

.ranama-p10-overview h2 em,
.ranama-p10-characteristics h2 em,
.ranama-p10-guidance h2 em,
.ranama-p10-lifecycle h2 em,
.ranama-p10-faq h2 em {
	color: var(--ranama-p10-blue);
	display: block;
}

.ranama-p10-overview__copy {
	align-self: end;
	border-top: 2px solid var(--ranama-p10-blue);
	font-size: 1rem;
	padding-top: 1.5rem;
}

.ranama-p10-overview__copy p + p,
.ranama-p10-overview__copy ul + p {
	margin-top: 1rem;
}

.ranama-p10-overview__copy ul {
	font-weight: 700;
	list-style: none;
	margin-top: 1rem;
	padding: 0;
}

.ranama-p10-overview__copy li {
	border-top: 1px solid var(--ranama-p10-line);
	padding: 0.55rem 0;
}

.ranama-p10-capacity-rail {
	border-left: 1px solid var(--ranama-p10-line);
	border-top: 1px solid var(--ranama-p10-line);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(5rem, 8vw, 8rem);
	position: relative;
}

.ranama-p10-capacity-rail a {
	border-bottom: 1px solid var(--ranama-p10-line);
	border-right: 1px solid var(--ranama-p10-line);
	display: grid;
	grid-template-columns: auto 1fr;
	min-height: 14rem;
	padding: 1.4rem;
	transition: background-color 200ms ease, color 200ms ease;
}

.ranama-p10-capacity-rail a:hover {
	background: var(--ranama-p10-white);
}

.ranama-p10-capacity-rail span {
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.55rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ranama-p10-capacity-rail span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-capacity-rail strong {
	align-self: center;
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(4.2rem, 8vw, 8rem);
	grid-column: 1 / -1;
	letter-spacing: -0.07em;
	line-height: 0.8;
}

/* Three capacity-led Technical Folios */
.ranama-p10-folio {
	background: var(--ranama-p10-white);
	padding: clamp(5rem, 8vw, 8rem) 0;
}

.ranama-p10-folio + .ranama-p10-folio {
	border-top: 1px solid var(--ranama-p10-line);
}

.ranama-p10-folio--25 {
	background: linear-gradient(135deg, var(--ranama-p10-blue), var(--ranama-p10-navy));
	color: var(--ranama-p10-white);
}

.ranama-p10-folio--30 {
	background: #e5ebed;
}

.ranama-p10-folio__layout {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ranama-p10-folio__header {
	align-items: center;
	border-bottom: 1px solid var(--ranama-p10-line);
	display: flex;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.58rem;
	grid-column: 1 / -1;
	justify-content: space-between;
	letter-spacing: 0.08em;
	padding: 0 0 1rem;
	text-transform: uppercase;
}

.ranama-p10-folio--25 .ranama-p10-folio__header {
	border-color: var(--ranama-p10-line-light);
}

.ranama-p10-folio__header span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-folio__object {
	background: linear-gradient(145deg, #fff, #e8edef);
	grid-column: 1 / 7;
	height: clamp(42rem, 63vw, 62rem);
	margin-top: 2rem;
	overflow: hidden;
	position: relative;
}

.ranama-p10-folio--25 .ranama-p10-folio__object {
	grid-column: 7 / -1;
	grid-row: 2;
}

.ranama-p10-folio--30 .ranama-p10-folio__object {
	background: #d5dddf;
}

.ranama-p10-folio__object img {
	height: 100%;
	mix-blend-mode: multiply;
	object-fit: contain;
	object-position: center bottom;
	position: relative;
	width: 100%;
	z-index: 2;
}

.ranama-p10-folio--30 .ranama-p10-folio__object img {
	filter: contrast(1.12);
}

.ranama-p10-folio__capacity {
	color: rgba(34, 63, 153, 0.13);
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(7rem, 14vw, 15rem);
	font-weight: 600;
	left: 1rem;
	letter-spacing: -0.09em;
	line-height: 0.75;
	position: absolute;
	top: 1.5rem;
	z-index: 1;
}

.ranama-p10-folio__object figcaption {
	align-items: center;
	background: var(--ranama-p10-ink);
	bottom: 0;
	color: var(--ranama-p10-white);
	display: flex;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.52rem;
	justify-content: space-between;
	left: 0;
	letter-spacing: 0.065em;
	padding: 0.9rem 1.1rem;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	z-index: 3;
}

.ranama-p10-folio__object figcaption:empty {
	min-height: 2.8rem;
}

.ranama-p10-folio__object figcaption span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-folio__record {
	align-self: start;
	grid-column: 7 / -1;
	padding: clamp(3rem, 6vw, 6rem) 0 0 clamp(2rem, 5vw, 5rem);
}

.ranama-p10-folio--25 .ranama-p10-folio__record {
	grid-column: 1 / 7;
	grid-row: 2;
	padding-left: 0;
	padding-right: clamp(2rem, 5vw, 5rem);
}

.ranama-p10-folio__type,
.ranama-p10-folio__spec-title {
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.58rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ranama-p10-folio__type {
	color: var(--ranama-p10-amber);
}

.ranama-p10-folio__record h2 {
	font-size: clamp(3rem, 5.5vw, 6rem);
	margin-top: 1.5rem;
}

.ranama-p10-folio__record h2 em {
	color: var(--ranama-p10-blue);
	display: block;
	font-size: 1.35em;
}

.ranama-p10-folio--25 .ranama-p10-folio__record h2 em {
	color: var(--ranama-p10-amber);
}

.ranama-p10-folio__record > p:not([class]) {
	color: var(--ranama-p10-slate);
	font-size: 0.95rem;
	margin-top: 1.6rem;
	max-width: 34rem;
}

.ranama-p10-folio--25 .ranama-p10-folio__record > p:not([class]) {
	color: rgba(255, 255, 255, 0.72);
}

.ranama-p10-folio__spec-title {
	border-bottom: 1px solid var(--ranama-p10-line);
	margin-top: 3rem;
	padding-bottom: 0.8rem;
}

.ranama-p10-folio--25 .ranama-p10-folio__spec-title {
	border-color: var(--ranama-p10-line-light);
}

.ranama-p10-folio__record dl {
	border-left: 1px solid var(--ranama-p10-line);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ranama-p10-folio--25 .ranama-p10-folio__record dl {
	border-color: var(--ranama-p10-line-light);
}

.ranama-p10-folio__record dl > div {
	border-bottom: 1px solid var(--ranama-p10-line);
	border-right: 1px solid var(--ranama-p10-line);
	display: grid;
	gap: 0.85rem;
	min-height: 7rem;
	padding: 1rem;
}

.ranama-p10-folio--25 .ranama-p10-folio__record dl > div {
	border-color: var(--ranama-p10-line-light);
}

.ranama-p10-folio__record dt {
	color: var(--ranama-p10-slate);
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.52rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ranama-p10-folio--25 .ranama-p10-folio__record dt {
	color: rgba(255, 255, 255, 0.55);
}

.ranama-p10-folio__record dd {
	align-self: end;
	font-size: 0.79rem;
	font-weight: 700;
	line-height: 1.35;
}

.ranama-p10-folio__record dd small {
	display: block;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.48rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin-top: 0.25rem;
	text-transform: uppercase;
}

.ranama-p10-folio__boundary {
	border-left: 3px solid var(--ranama-p10-amber);
	color: var(--ranama-p10-navy) !important;
	font-size: 0.76rem !important;
	padding: 0.8rem 0 0.8rem 1rem;
}

.ranama-p10-folio__cta {
	align-items: center;
	background: var(--ranama-p10-blue);
	color: var(--ranama-p10-white) !important;
	display: flex;
	font-size: 0.68rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0.07em;
	margin-top: 2rem;
	min-height: 4.2rem;
	padding: 0.5rem 1.2rem;
	text-transform: uppercase;
	transition: background-color 200ms ease;
}

.ranama-p10-folio__cta:hover {
	background: var(--ranama-p10-amber);
	color: var(--ranama-p10-ink) !important;
}

.ranama-p10-folio--25 .ranama-p10-folio__cta {
	background: var(--ranama-p10-amber);
	color: var(--ranama-p10-ink) !important;
}

.ranama-p10-folio--25 .ranama-p10-folio__cta:hover {
	background: var(--ranama-p10-white);
}

/* Comparison */
.ranama-p10-compare {
	background: linear-gradient(115deg, var(--ranama-p10-ink), var(--ranama-p10-blue));
	color: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-compare__heading {
	display: block;
}

.ranama-p10-compare h2 {
	font-size: clamp(3.6rem, 7vw, 7.5rem);
	margin-top: 1.8rem;
	max-width: 10ch;
	text-align: left;
}

.ranama-p10-compare h2 em {
	color: var(--ranama-p10-amber);
	display: block;
}

.ranama-p10-compare__table {
	margin-top: clamp(4rem, 7vw, 7rem);
}

.ranama-p10-compare table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.ranama-p10-compare th,
.ranama-p10-compare td {
	border: 1px solid rgba(255, 255, 255, 0.24);
	padding: 1.2rem;
	text-align: left;
	vertical-align: top;
}

.ranama-p10-compare thead th {
	color: var(--ranama-p10-amber);
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.55rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.ranama-p10-compare td {
	font-size: 0.75rem;
	line-height: 1.45;
}

.ranama-p10-compare tbody th {
	background: transparent;
	color: inherit;
	font-family: "Archivo", Arial, sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.ranama-p10-compare tbody th a {
	border-bottom: 1px solid var(--ranama-p10-amber);
}

.ranama-p10-compare__shared {
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
	border-left: 1px solid rgba(255, 255, 255, 0.24);
	border-right: 1px solid rgba(255, 255, 255, 0.24);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 0.55fr 1fr 1fr;
	padding: 1.5rem;
}

.ranama-p10-compare__shared span {
	color: var(--ranama-p10-amber);
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.56rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.ranama-p10-compare__shared p {
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.78rem;
}

/* Shared characteristics register */
.ranama-p10-characteristics {
	background: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-characteristics__layout {
	display: grid;
	gap: clamp(4rem, 9vw, 10rem);
	grid-template-columns: 0.8fr 1.2fr;
}

.ranama-p10-characteristics__heading {
	position: sticky;
	top: 8rem;
	align-self: start;
}

.ranama-p10-characteristics__register {
	border-top: 1px solid var(--ranama-p10-line);
}

.ranama-p10-characteristics__register article {
	border-bottom: 1px solid var(--ranama-p10-line);
	display: grid;
	gap: 1.2rem 2rem;
	grid-template-columns: 0.42fr 1fr;
	padding: 2.2rem 0;
}

.ranama-p10-characteristics__register article > span {
	color: var(--ranama-p10-amber);
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.55rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.ranama-p10-characteristics__register h3 {
	font-size: clamp(1.8rem, 3vw, 3.2rem);
}

.ranama-p10-characteristics__register p,
.ranama-p10-characteristics__register strong,
.ranama-p10-characteristics__register small {
	grid-column: 2;
}

.ranama-p10-characteristics__register p,
.ranama-p10-characteristics__register small {
	color: var(--ranama-p10-slate);
	font-size: 0.82rem;
}

.ranama-p10-characteristics__register strong {
	font-size: 0.9rem;
}

/* Product-specific body detail */
.ranama-p10-body-detail {
	background: var(--ranama-p10-green);
	color: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-body-detail__layout {
	display: grid;
	gap: clamp(4rem, 8vw, 8rem);
	grid-template-columns: 0.8fr 1.2fr;
}

.ranama-p10-body-detail h2,
.ranama-p10-suitability h2,
.ranama-p10-range h2,
.ranama-p10-information h2 {
	font-size: clamp(3.6rem, 6.6vw, 7rem);
	margin-top: 1.7rem;
}

.ranama-p10-body-detail h2 em,
.ranama-p10-suitability h2 em,
.ranama-p10-range h2 em,
.ranama-p10-information h2 em {
	color: var(--ranama-p10-amber);
	display: block;
}

.ranama-p10-body-detail__map {
	align-self: start;
	border-left: 1px solid var(--ranama-p10-line-light);
	border-top: 1px solid var(--ranama-p10-line-light);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ranama-p10-body-detail__map > div {
	border-bottom: 1px solid var(--ranama-p10-line-light);
	border-right: 1px solid var(--ranama-p10-line-light);
	display: grid;
	gap: 1.25rem;
	min-height: 14rem;
	padding: 1.4rem;
}

.ranama-p10-body-detail__map span {
	color: var(--ranama-p10-amber);
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(3.5rem, 6vw, 6rem);
	font-weight: 600;
	letter-spacing: -0.07em;
}

.ranama-p10-body-detail__map p {
	align-self: end;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.78rem;
}

/* Requirement guidance */
.ranama-p10-guidance {
	background: var(--ranama-p10-mist);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-guidance__layout {
	display: grid;
	gap: clamp(3rem, 6vw, 6rem);
	grid-template-columns: 1.05fr 0.95fr;
}

.ranama-p10-guidance__copy {
	align-self: end;
	border-top: 2px solid var(--ranama-p10-blue);
	padding-top: 1.4rem;
}

.ranama-p10-guidance__copy p + p {
	margin-top: 1rem;
}

.ranama-p10-guidance__copy ul {
	columns: 2;
	list-style: none;
	margin-top: 2rem;
	padding: 0;
}

.ranama-p10-guidance__copy li {
	border-top: 1px solid var(--ranama-p10-line);
	break-inside: avoid;
	font-size: 0.8rem;
	padding: 0.65rem 0;
}

.ranama-p10-guidance blockquote {
	background: var(--ranama-p10-amber);
	color: var(--ranama-p10-ink);
	display: grid;
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(1.45rem, 2.7vw, 2.7rem);
	font-weight: 600;
	gap: clamp(2rem, 5vw, 6rem);
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	letter-spacing: -0.035em;
	line-height: 1.08;
	max-width: none;
	padding: clamp(2rem, 4vw, 4rem);
	width: 100%;
}

.ranama-p10-guidance blockquote p + p {
	margin-top: 0;
}

.ranama-p10-guidance .ranama-p10-button {
	grid-column: 1;
	justify-self: start;
}

/* Suitability */
.ranama-p10-suitability {
	background: var(--ranama-p10-navy);
	color: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-suitability__layout,
.ranama-p10-range__layout {
	display: grid;
	gap: clamp(4rem, 9vw, 10rem);
	grid-template-columns: 1.15fr 0.85fr;
}

.ranama-p10-suitability__layout > div:last-child,
.ranama-p10-range__layout > div:last-child {
	align-self: end;
	border-top: 1px solid rgba(255, 255, 255, 0.38);
	color: rgba(255, 255, 255, 0.76);
	padding-top: 1.5rem;
}

.ranama-p10-suitability__layout > div:last-child p + p,
.ranama-p10-range__layout > div:last-child p + p {
	margin-top: 1rem;
}

.ranama-p10-suitability .ranama-p10-button,
.ranama-p10-range .ranama-p10-actions {
	margin-top: 2.5rem;
}

/* Wider range */
.ranama-p10-range {
	background: linear-gradient(115deg, #315c4b, var(--ranama-p10-green));
	color: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

/* Lifecycle */
.ranama-p10-lifecycle {
	background: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-lifecycle__heading {
	display: block;
}

.ranama-p10-lifecycle__heading h2 {
	max-width: 11ch;
	text-align: left;
}

.ranama-p10-lifecycle__route {
	border-left: 1px solid var(--ranama-p10-line);
	border-top: 1px solid var(--ranama-p10-line);
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: clamp(4rem, 7vw, 7rem);
}

.ranama-p10-lifecycle__route span {
	border-bottom: 1px solid var(--ranama-p10-line);
	border-right: 1px solid var(--ranama-p10-line);
	display: grid;
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.58rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	min-height: 9rem;
	padding: 1rem;
	place-items: center;
	text-align: center;
	text-transform: uppercase;
}

.ranama-p10-lifecycle__route span::after {
	color: var(--ranama-p10-amber);
	content: "→";
	font-size: 1.2rem;
}

.ranama-p10-lifecycle__copy {
	border-top: 2px solid var(--ranama-p10-blue);
	display: grid;
	gap: 1.3rem;
	grid-template-columns: 1fr 1fr auto;
	margin-left: auto;
	margin-top: 3rem;
	padding-top: 1.4rem;
	width: 76%;
}

.ranama-p10-lifecycle__copy p {
	color: var(--ranama-p10-slate);
	font-size: 0.82rem;
}

.ranama-p10-lifecycle__copy .ranama-p10-button {
	align-self: start;
}

/* Technical information */
.ranama-p10-information {
	background: linear-gradient(115deg, var(--ranama-p10-blue), var(--ranama-p10-navy));
	color: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-information__layout {
	display: grid;
	gap: 4rem;
	grid-template-columns: 1.1fr 0.9fr;
}

.ranama-p10-information__copy {
	align-self: end;
	border-top: 1px solid rgba(255, 255, 255, 0.38);
	color: rgba(255, 255, 255, 0.75);
	padding-top: 1.4rem;
}

.ranama-p10-information__copy p + p {
	margin-top: 0.9rem;
}

.ranama-p10-information__proof {
	border-left: 1px solid var(--ranama-p10-line-light);
	border-top: 1px solid var(--ranama-p10-line-light);
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ranama-p10-information__proof > div {
	border-bottom: 1px solid var(--ranama-p10-line-light);
	border-right: 1px solid var(--ranama-p10-line-light);
	display: grid;
	gap: 2.5rem;
	min-height: 10rem;
	padding: 1.2rem;
}

.ranama-p10-information__proof span {
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ranama-p10-information__proof span {
	color: var(--ranama-p10-amber);
}

.ranama-p10-information__proof strong {
	align-self: end;
	font-family: "Noto Sans Mono", monospace;
	font-size: clamp(0.9rem, 1vw, 1rem);
	font-weight: 600;
	letter-spacing: 0.045em;
	line-height: 1.45;
	text-transform: uppercase;
}

/* FAQ */
.ranama-p10-faq {
	background: var(--ranama-p10-white);
	padding: clamp(7rem, 11vw, 11rem) 0;
}

.ranama-p10-faq__layout {
	display: grid;
	gap: clamp(4rem, 9vw, 10rem);
	grid-template-columns: 0.82fr 1.18fr;
}

.ranama-p10-faq__register {
	border-top: 1px solid var(--ranama-p10-line);
}

.ranama-p10-faq details {
	border-bottom: 1px solid var(--ranama-p10-line);
}

.ranama-p10-faq summary {
	align-items: center;
	cursor: pointer;
	display: grid;
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(1.05rem, 1.8vw, 1.4rem);
	font-weight: 600;
	gap: 1rem;
	grid-template-columns: 2.2rem 1fr auto;
	letter-spacing: -0.025em;
	list-style: none;
	padding: 1.35rem 0;
}

.ranama-p10-faq summary::-webkit-details-marker {
	display: none;
}

.ranama-p10-faq summary span {
	color: var(--ranama-p10-amber);
	font-family: "Noto Sans Mono", monospace;
	font-size: 0.55rem;
	letter-spacing: 0.05em;
}

.ranama-p10-faq summary::after {
	content: "+";
	font-family: "Noto Sans Mono", monospace;
	font-size: 1rem;
}

.ranama-p10-faq details[open] summary::after {
	content: "−";
}

.ranama-p10-faq details > div {
	color: var(--ranama-p10-slate);
	font-size: 0.88rem;
	padding: 0 2rem 1.5rem 3.2rem;
}

.ranama-p10-faq details > div p + p {
	margin-top: 0.75rem;
}

/* Final conversion */
.ranama-p10-conversion {
	background: linear-gradient(115deg, var(--ranama-p10-blue), var(--ranama-p10-navy));
	color: var(--ranama-p10-white);
	padding: clamp(8rem, 12vw, 12rem) 0 6rem;
}

.ranama-p10-conversion .ranama-p10-handle-field {
	opacity: 0.6;
}

.ranama-p10-conversion__layout {
	position: relative;
	z-index: 2;
}

.ranama-p10-conversion__layout > div:first-child {
	max-width: 68rem;
}

.ranama-p10-conversion h2 {
	font-size: clamp(4rem, 8vw, 8.5rem);
	margin-top: 1.8rem;
	max-width: 9ch;
}

.ranama-p10-conversion h2 em {
	color: var(--ranama-p10-amber);
	display: block;
}

.ranama-p10-conversion__layout > div:first-child > p:not([class]) {
	color: rgba(255, 255, 255, 0.76);
	max-width: 39rem;
}

.ranama-p10-conversion h2 + p {
	border-top: 1px solid rgba(255, 255, 255, 0.42);
	margin-top: 3rem !important;
	padding-top: 1.5rem;
}

.ranama-p10-conversion__layout > div:first-child > p + p {
	margin-top: 1rem;
}

.ranama-p10-conversion .ranama-p10-actions {
	margin-top: clamp(3rem, 6vw, 6rem);
}

/* Home Page is the approved authority for this shared signature treatment. */
.ranama-p10-conversion__signature {
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	font-family: "Archivo", Arial, sans-serif;
	font-size: clamp(1.3rem, 2.5vw, 2.5rem);
	font-weight: 600;
	letter-spacing: -0.03em;
	margin-top: clamp(6rem, 10vw, 10rem) !important;
	padding-top: 1.8rem;
	text-align: right;
}

/* Progressive enhancement: important content is visible without JavaScript. */
.ranama-p10-motion .ranama-p10 [data-p10-reveal] {
	opacity: 0;
	transform: translateY(1.6rem);
	transition: opacity 620ms ease, transform 620ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.ranama-p10-motion .ranama-p10 [data-p10-reveal].is-in-view {
	opacity: 1;
	transform: translateY(0);
}

.ranama-p10-motion .ranama-p10 [data-p10-object-field] img {
	transform: translateY(1.2rem);
	transition: transform 820ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.ranama-p10-motion .ranama-p10 [data-p10-object-field].is-object-active img {
	transform: translateY(0);
}

@media (max-width: 1280px) {
	.ranama-p10-hero h1 {
		font-size: clamp(4rem, 7vw, 6.5rem);
	}

	.ranama-p10-hero__object,
	.ranama-p10-hero__layout {
		height: auto;
		min-height: 40rem;
	}

	.ranama-p10-folio__record h2 {
		font-size: clamp(2.8rem, 5vw, 5rem);
	}

	.ranama-p10-folio__record dl {
		grid-template-columns: 1fr;
	}

	.ranama-p10-folio__record dl > div {
		min-height: 5.8rem;
	}

	.ranama-p10-lifecycle__copy {
		width: 86%;
	}
}

@media (max-width: 1080px) {
	.ranama-p10-hero__copy {
		grid-column: 1 / 7;
	}

	.ranama-p10-hero__object {
		grid-column: 7 / -1;
	}

	.ranama-p10-atlas__entries {
		grid-template-columns: 1.2fr 1.2fr repeat(3, 0.75fr);
	}

	.ranama-p10-atlas__entries > a,
	.ranama-p10-atlas__entries > p {
		min-height: 9.5rem;
		padding: 1rem;
	}

	.ranama-p10-overview__layout,
	.ranama-p10-suitability__layout,
	.ranama-p10-range__layout {
		gap: 4rem;
	}

	.ranama-p10-characteristics__layout,
	.ranama-p10-body-detail__layout {
		grid-template-columns: 1fr;
	}

	.ranama-p10-characteristics__heading {
		position: static;
	}

	.ranama-p10-body-detail__map {
		margin-left: 0;
	}

	.ranama-p10-lifecycle__copy {
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.ranama-p10-lifecycle__copy .ranama-p10-button {
		grid-column: 1 / -1;
		justify-self: start;
	}
}

@media (min-width: 768px) and (max-width: 900px) {
	.ranama-p10-hero__layout {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.ranama-p10-hero__copy {
		padding: 5rem 0 4rem;
	}

	.ranama-p10-hero h1 {
		font-size: clamp(5rem, 11vw, 7rem);
		max-width: 9ch;
	}

	.ranama-p10-hero__intro {
		font-size: 0.9rem;
	}

	.ranama-p10-hero__object {
		height: 46rem;
	}

	.ranama-p10-hero__object img {
		width: 78%;
	}

	.ranama-p10-hero__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ranama-p10-atlas__entries {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ranama-p10-atlas__entries > :first-child,
	.ranama-p10-atlas__entries > :nth-child(2) {
		grid-column: span 1;
	}

	.ranama-p10-overview__layout,
	.ranama-p10-guidance__layout,
	.ranama-p10-information__layout,
	.ranama-p10-faq__layout,
	.ranama-p10-lifecycle__heading {
		grid-template-columns: 1fr;
	}

	.ranama-p10-folio__object,
	.ranama-p10-folio--25 .ranama-p10-folio__object {
		grid-column: 1 / -1;
		grid-row: 2;
		height: 52rem;
	}

	.ranama-p10-folio__record,
	.ranama-p10-folio--25 .ranama-p10-folio__record {
		grid-column: 1 / -1;
		grid-row: 3;
		padding: 4rem 0 0;
	}

	.ranama-p10-folio__record h2 {
		font-size: 5rem;
	}

	.ranama-p10-folio__record dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ranama-p10-guidance .ranama-p10-button {
		grid-column: 1;
	}

	.ranama-p10-information__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ranama-p10-faq__register {
		margin-left: 15%;
	}
}

@media (max-width: 767px) {
	:root {
		--ranama-p10-shell: calc(100vw - 2rem);
	}

	body.ranama-page-10-body {
		font-size: 15px;
	}

	.ranama-p10 section[id],
	.ranama-p10 article[id] {
		scroll-margin-top: 5rem;
	}

	.ranama-p10-button,
	.ranama-p10-text-link {
		width: 100%;
	}

	.ranama-p10-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ranama-p10-hero {
		min-height: 0;
		padding-top: 4.5rem;
	}

	.ranama-p10-hero__shell {
		padding-top: 1rem;
	}

	.ranama-p10-breadcrumb {
		font-size: 0.47rem;
		gap: 0.4rem;
	}

	.ranama-p10-hero__layout {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.ranama-p10-hero__copy {
		order: 1;
		padding: 4rem 0 3rem;
	}

	.ranama-p10-hero h1 {
		font-size: clamp(3.35rem, 15vw, 5rem);
		max-width: 9ch;
	}

	.ranama-p10-hero h1 em {
		font-size: 0.52em;
		line-height: 1.05;
	}

	.ranama-p10-hero__intro {
		font-size: 0.8rem;
		margin-top: 2rem;
	}

	.ranama-p10-hero__object {
		height: 35rem;
		order: 2;
	}

	.ranama-p10-hero__object img {
		width: 100%;
	}

	.ranama-p10-hero__capacity-stack {
		font-size: 5.2rem;
		left: 1rem;
	}

	.ranama-p10-hero__object figcaption {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.25rem;
	}

	.ranama-p10-hero__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ranama-p10-hero__proof > div {
		gap: 1.6rem;
		min-height: 8rem;
		padding: 1rem;
	}

	.ranama-p10-atlas {
		padding: 3rem 0 4rem;
	}

	.ranama-p10-atlas__head {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.3rem;
	}

	.ranama-p10-atlas__entries {
		grid-template-columns: 1fr 1fr;
	}

	.ranama-p10-atlas__entries > a,
	.ranama-p10-atlas__entries > p {
		gap: 1rem;
		min-height: 8.5rem;
		padding: 0.9rem;
	}

	.ranama-p10-atlas__entries > :first-child {
		grid-column: 1 / -1;
	}

	.ranama-p10-overview,
	.ranama-p10-compare,
	.ranama-p10-characteristics,
	.ranama-p10-body-detail,
	.ranama-p10-guidance,
	.ranama-p10-suitability,
	.ranama-p10-range,
	.ranama-p10-lifecycle,
	.ranama-p10-information,
	.ranama-p10-faq {
		padding: 6rem 0;
	}

	.ranama-p10-overview__layout,
	.ranama-p10-compare__heading,
	.ranama-p10-characteristics__layout,
	.ranama-p10-body-detail__layout,
	.ranama-p10-guidance__layout,
	.ranama-p10-suitability__layout,
	.ranama-p10-range__layout,
	.ranama-p10-lifecycle__heading,
	.ranama-p10-information__layout,
	.ranama-p10-faq__layout {
		grid-template-columns: 1fr;
	}

	.ranama-p10-overview h2,
	.ranama-p10-compare h2,
	.ranama-p10-characteristics h2,
	.ranama-p10-body-detail h2,
	.ranama-p10-guidance h2,
	.ranama-p10-suitability h2,
	.ranama-p10-range h2,
	.ranama-p10-lifecycle h2,
	.ranama-p10-information h2,
	.ranama-p10-faq h2 {
		font-size: clamp(3rem, 13vw, 4.6rem);
	}

	.ranama-p10-capacity-rail {
		grid-template-columns: 1fr;
		margin-top: 4rem;
	}

	.ranama-p10-capacity-rail a {
		min-height: 10rem;
	}

	.ranama-p10-folio {
		padding: 5rem 0;
	}

	.ranama-p10-folio__layout {
		display: flex;
		flex-direction: column;
	}

	.ranama-p10-folio__header {
		order: 1;
	}

	.ranama-p10-folio__object,
	.ranama-p10-folio--25 .ranama-p10-folio__object {
		height: 38rem;
		margin-top: 1rem;
		order: 2;
	}

	.ranama-p10-folio__record,
	.ranama-p10-folio--25 .ranama-p10-folio__record {
		order: 3;
		padding: 3rem 0 0;
	}

	.ranama-p10-folio__record h2 {
		font-size: clamp(3rem, 13vw, 4.5rem);
	}

	.ranama-p10-folio__record dl {
		grid-template-columns: 1fr;
	}

	.ranama-p10-folio__record dl > div {
		min-height: 5.7rem;
	}

	.ranama-p10-compare table,
	.ranama-p10-compare tbody,
	.ranama-p10-compare tr,
	.ranama-p10-compare tbody th,
	.ranama-p10-compare td {
		display: block;
		width: 100%;
	}

	.ranama-p10-compare thead {
		display: none;
	}

	.ranama-p10-compare tr {
		border: 1px solid rgba(255, 255, 255, 0.24);
		margin-top: 1rem;
	}

	.ranama-p10-compare tbody th,
	.ranama-p10-compare td {
		border: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
		display: grid;
		gap: 1rem;
		grid-template-columns: 7rem 1fr;
		padding: 0.9rem;
	}

	.ranama-p10-compare tbody th::before,
	.ranama-p10-compare td::before {
		color: var(--ranama-p10-amber);
		content: attr(data-label);
		font-family: "Noto Sans Mono", monospace;
		font-size: 0.5rem;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}

	.ranama-p10-compare tbody th {
		font-size: 1.5rem;
	}

	.ranama-p10-compare__shared {
		border-top: 1px solid rgba(255, 255, 255, 0.24);
		grid-template-columns: 1fr;
		margin-top: 2rem;
	}

	.ranama-p10-characteristics__register article {
		grid-template-columns: 1fr;
	}

	.ranama-p10-characteristics__register p,
	.ranama-p10-characteristics__register strong,
	.ranama-p10-characteristics__register small {
		grid-column: 1;
	}

	.ranama-p10-body-detail__map {
		grid-template-columns: 1fr;
		margin-left: 0;
	}

	.ranama-p10-body-detail__map > div {
		min-height: 14rem;
	}

	.ranama-p10-guidance__copy ul {
		columns: 1;
	}

	.ranama-p10-guidance blockquote {
		grid-template-columns: 1fr;
		font-size: 1.6rem;
		padding: 1.8rem;
	}

	.ranama-p10-guidance blockquote p + p {
		margin-top: 0;
	}

	.ranama-p10-guidance .ranama-p10-button {
		grid-column: 1;
	}

	.ranama-p10-lifecycle__route {
		grid-template-columns: 1fr;
	}

	.ranama-p10-lifecycle__route span {
		grid-template-columns: 1fr auto;
		min-height: 4.8rem;
		place-items: center start;
		text-align: left;
	}

	.ranama-p10-lifecycle__route span::after {
		content: "↓";
	}

	.ranama-p10-lifecycle__copy {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.ranama-p10-information__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ranama-p10-information__proof > div {
		min-height: 8rem;
	}

	.ranama-p10-faq__register {
		margin-left: 0;
	}

	.ranama-p10-faq summary {
		font-size: 1.05rem;
		grid-template-columns: 1.8rem 1fr auto;
	}

	.ranama-p10-faq details > div {
		padding-left: 2.8rem;
	}

	.ranama-p10-conversion {
		padding: 7rem 0 5rem;
	}

	.ranama-p10-conversion h2 {
		font-size: clamp(3.5rem, 15vw, 5rem);
	}

	.ranama-p10-conversion__signature {
		font-size: 1.45rem;
		text-align: left;
	}
}

@media (max-width: 390px) {
	.ranama-p10-hero__proof,
	.ranama-p10-atlas__entries,
	.ranama-p10-information__proof {
		grid-template-columns: 1fr;
	}

	.ranama-p10-atlas__entries > :first-child {
		grid-column: auto;
	}

	.ranama-p10-hero__object,
	.ranama-p10-folio__object,
	.ranama-p10-folio--25 .ranama-p10-folio__object {
		height: 33rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto !important;
	}

	.ranama-p10 *,
	.ranama-p10 *::before,
	.ranama-p10 *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}