.rj-account-page {
	--rj-page: #f7f3ed;
	--rj-surface: #fffdf9;
	--rj-surface-warm: #efe8db;
	--rj-ink: #1e201d;
	--rj-muted: #776f64;
	--rj-line: #d9d0c2;
	--rj-soft-green: #dce7d8;
	--rj-soft-lilac: #e8ddec;
	--rj-radius: 4px;
	--rj-shadow: 0 18px 50px rgba(43, 35, 25, 0.08);
}

.rj-account-page {
	--rj-page: var(--background, #f7f3ed);
	--rj-ink: var(--black, #1e201d);
	--rj-surface-warm: var(--white-smoke, #efe8db);
}

.rj-account-page .rj-account-template {
	background: var(--rj-page);
	padding: clamp(18px, 4vw, 48px) 0;
}

.rj-account-page .rj-account-template__inner {
	width: 100%;
}

.rj-account-page .rj-account-layout *,
.rj-account-page .rj-auth-shell *,
.rj-account-page .woocommerce-MyAccount-content * {
	box-sizing: border-box;
}

.rj-account-page .rj-account-layout {
	display: grid;
	grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 72px);
	width: min(1240px, calc(100% - 40px));
	margin: clamp(32px, 6vw, 80px) auto;
	align-items: start;
	color: var(--rj-ink);
}

.rj-account-page .rj-account-sidebar {
	position: sticky;
	top: 28px;
}

.rj-account-page .rj-account-main {
	min-width: 0;
	outline: none;
}

.rj-account-skip {
	position: fixed;
	left: 16px;
	top: -100px;
	z-index: 100000;
	background: #fff;
	color: #111;
	padding: 12px 18px;
	border: 2px solid currentColor;
}

.rj-account-skip:focus {
	top: 16px;
}

.rj-account-page .rj-account-nav {
	border: 1px solid var(--rj-line);
	background: var(--rj-surface);
	padding: 24px 18px;
	box-shadow: var(--rj-shadow);
}

.rj-account-page .rj-account-nav__identity {
	padding: 0 10px 20px;
	border-bottom: 1px solid var(--rj-line);
	margin-bottom: 12px;
}

.rj-account-page .rj-account-nav__name {
	font-family: "PP Writer", Georgia, serif;
	font-size: 22px;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.rj-account-page .rj-eyebrow {
	margin: 0 0 8px;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--rj-muted);
}

.rj-account-page .rj-account-nav__details > summary {
	display: none;
}

.rj-account-page .rj-account-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rj-account-page .rj-account-nav li {
	margin: 2px 0;
}

.rj-account-page .rj-account-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 10px;
	color: var(--rj-ink);
	text-decoration: none;
	border-radius: var(--rj-radius);
	transition: background-color 160ms ease, color 160ms ease;
}

.rj-account-page .rj-account-nav a:hover,
.rj-account-page .rj-account-nav a:focus-visible {
	background: var(--rj-surface-warm);
	color: #000;
}

.rj-account-page .rj-account-nav .is-active > a,
.rj-account-page .rj-account-nav [aria-current="page"] {
	background: var(--rj-ink);
	color: #fff;
}

.rj-account-nav__icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

.rj-account-nav__icon svg {
	width: 20px;
	height: 20px;
}

.rj-account-page .rj-dashboard__welcome {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	padding: 4px 0 32px;
	border-bottom: 1px solid var(--rj-line);
	margin-bottom: 34px;
}

.rj-account-page .rj-dashboard__welcome h1,
.rj-account-page .rj-viewer__header h1,
.rj-account-page .rj-auth-shell h1 {
	margin: 0 0 12px;
	font-family: "PP Writer", Georgia, serif;
	font-size: clamp(38px, 5vw, 62px);
	line-height: 1.02;
	font-weight: 400;
	letter-spacing: -0.02em;
	color: var(--rj-ink);
	overflow-wrap: anywhere;
}

.rj-account-page .rj-dashboard__welcome p,
.rj-account-page .rj-viewer__header p {
	margin: 0;
	max-width: 680px;
	font-size: 17px;
	line-height: 1.65;
	color: var(--rj-muted);
}

.rj-account-page .rj-dashboard__welcome--compact h1 {
	font-size: clamp(36px, 4.6vw, 54px);
}

.rj-account-page .rj-text-link {
	display: inline-block;
	flex: 0 0 auto;
	color: var(--rj-ink);
	font-weight: 600;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

.rj-account-page .rj-dashboard__section {
	margin-bottom: clamp(42px, 6vw, 70px);
}

.rj-account-page .rj-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.rj-account-page .rj-section-heading h2 {
	margin: 0;
	font-family: "PP Writer", Georgia, serif;
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.1;
	font-weight: 400;
	color: var(--rj-ink);
}

.rj-account-page .rj-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.rj-account-page .rj-product-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: var(--rj-surface);
	border: 1px solid var(--rj-line);
	border-radius: var(--rj-radius);
	overflow: hidden;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.rj-account-page .rj-product-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--rj-shadow);
}

.rj-product-card__media {
	display: grid;
	place-items: center;
	min-height: 170px;
	aspect-ratio: 16 / 10;
	background: linear-gradient(145deg, var(--rj-soft-green), var(--rj-soft-lilac));
	overflow: hidden;
}

.rj-product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rj-product-card__monogram {
	display: grid;
	place-items: center;
	width: 82px;
	height: 82px;
	border: 1px solid rgba(30, 32, 29, 0.22);
	border-radius: 50%;
	font-family: "PP Writer", Georgia, serif;
	font-size: 38px;
	color: var(--rj-ink);
}

.rj-product-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
}

.rj-product-card__type {
	margin: 0 0 10px;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rj-muted);
}

.rj-product-card h3 {
	margin: 0 0 22px;
	font-family: "PP Writer", Georgia, serif;
	font-size: 25px;
	line-height: 1.18;
	font-weight: 400;
	color: var(--rj-ink);
	overflow-wrap: anywhere;
}

.rj-account-page .rj-button,
.rj-account-page .woocommerce-MyAccount-content button,
.rj-account-page .woocommerce-MyAccount-content input[type="submit"],
.rj-account-page .woocommerce-MyAccount-content .woocommerce-Button,
.rj-account-page .rj-auth-shell button,
.rj-account-page .rj-auth-shell input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 18px;
	border: 1px solid var(--rj-ink);
	border-radius: 0 !important;
	background: var(--rj-ink);
	color: #fff !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.rj-account-page .rj-button:hover,
.rj-account-page .rj-button:focus-visible,
.rj-account-page .woocommerce-MyAccount-content button:hover,
.rj-account-page .woocommerce-MyAccount-content button:focus-visible,
.rj-account-page .woocommerce-MyAccount-content input[type="submit"]:hover,
.rj-account-page .woocommerce-MyAccount-content input[type="submit"]:focus-visible {
	background: #000;
	color: #fff !important;
}

.rj-account-page .rj-button--outline {
	margin-top: auto;
	background: transparent;
	color: var(--rj-ink) !important;
}

.rj-account-page .rj-button--outline:hover,
.rj-account-page .rj-button--outline:focus-visible {
	background: var(--rj-ink);
	color: #fff !important;
}

.rj-account-page .rj-dashboard__columns {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
	gap: clamp(28px, 4vw, 54px);
}

.rj-order-list,
.rj-download-list,
.rj-access-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--rj-line);
}

.rj-order-list li,
.rj-download-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 0;
	border-bottom: 1px solid var(--rj-line);
}

.rj-order-list li > a {
	display: grid;
	gap: 4px;
	min-width: 0;
	color: var(--rj-ink);
	text-decoration: none;
}

.rj-order-list li > a span,
.rj-download-list li > div span {
	font-size: 14px;
	color: var(--rj-muted);
}

.rj-status {
	padding: 5px 9px;
	background: var(--rj-surface-warm);
	font-size: 12px;
	white-space: nowrap;
}

.rj-access-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 0;
	border-bottom: 1px solid var(--rj-line);
	color: var(--rj-ink);
	text-decoration: none;
	font-weight: 600;
}

.rj-access-list a:hover,
.rj-access-list a:focus-visible {
	padding-left: 5px;
}

.rj-account-page .rj-account-empty {
	padding: clamp(26px, 4vw, 42px);
	border: 1px dashed #bfb5a6;
	background: rgba(255, 253, 249, 0.6);
}

.rj-account-page .rj-account-empty h2,
.rj-account-page .rj-account-empty h3 {
	margin: 0 0 10px;
	font-family: "PP Writer", Georgia, serif;
	font-size: 28px;
	font-weight: 400;
}

.rj-account-page .rj-account-empty p {
	margin: 0 0 18px;
	line-height: 1.65;
	color: var(--rj-muted);
}

.rj-account-page .rj-account-empty--compact {
	padding: 20px;
}

.rj-account-page .rj-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}

.rj-account-page .rj-pagination a,
.rj-account-page .rj-pagination span {
	display: grid;
	place-items: center;
	min-width: 40px;
	min-height: 40px;
	border: 1px solid var(--rj-line);
	color: var(--rj-ink);
	text-decoration: none;
}

.rj-account-page .rj-pagination .current {
	background: var(--rj-ink);
	color: #fff;
}

.rj-library__downloads {
	margin-top: clamp(50px, 7vw, 90px);
}

.rj-account-page .rj-viewer__header {
	padding-bottom: 26px;
	border-bottom: 1px solid var(--rj-line);
	margin-bottom: 22px;
}

.rj-account-page .rj-viewer__header .rj-text-link {
	margin-bottom: 26px;
}

.rj-account-page .rj-viewer__header h1 {
	font-size: clamp(34px, 4.8vw, 58px);
}

.rj-viewer__frame {
	overflow: hidden;
	border: 1px solid var(--rj-line);
	background: #fff;
	box-shadow: var(--rj-shadow);
}

.rj-viewer__frame iframe {
	display: block;
	width: 100%;
	height: min(70vh, 860px);
	min-height: 0;
	border: 0;
	background: #fff;
}

.rj-viewer__help {
	margin: 14px 0 0;
	font-size: 13px;
	color: var(--rj-muted);
}

.rj-account-page .rj-auth-shell {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
	gap: clamp(26px, 6vw, 80px);
	align-items: center;
	width: min(1120px, calc(100% - 40px));
	margin: clamp(36px, 7vw, 90px) auto;
	padding: clamp(24px, 5vw, 64px);
	background: var(--rj-page);
	border: 1px solid var(--rj-line);
}

.rj-auth-shell__intro > p:last-child {
	max-width: 480px;
	font-size: 17px;
	line-height: 1.7;
	color: var(--rj-muted);
}

.rj-account-page .rj-auth-shell__form {
	padding: clamp(24px, 4vw, 42px);
	background: var(--rj-surface);
	border: 1px solid var(--rj-line);
	box-shadow: var(--rj-shadow);
}

.rj-account-page .rj-auth-shell h2,
.rj-account-page .woocommerce-MyAccount-content h2,
.rj-account-page .woocommerce-MyAccount-content h3,
.rj-account-page .woocommerce-MyAccount-content legend {
	font-family: "PP Writer", Georgia, serif;
	font-weight: 400;
	color: var(--rj-ink);
}

.rj-account-page .woocommerce-MyAccount-content {
	color: var(--rj-ink);
	line-height: 1.65;
}

.rj-account-page .woocommerce-MyAccount-content h1,
.rj-account-page .woocommerce-MyAccount-content h2 {
	overflow-wrap: anywhere;
}

.rj-account-page .woocommerce-MyAccount-content form .form-row,
.rj-account-page .rj-auth-shell form .form-row {
	margin-bottom: 18px;
}

.rj-account-page .woocommerce-MyAccount-content label,
.rj-account-page .rj-auth-shell label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
}

.rj-account-page .woocommerce-MyAccount-content input[type="text"],
.rj-account-page .woocommerce-MyAccount-content input[type="email"],
.rj-account-page .woocommerce-MyAccount-content input[type="password"],
.rj-account-page .woocommerce-MyAccount-content input[type="tel"],
.rj-account-page .woocommerce-MyAccount-content textarea,
.rj-account-page .woocommerce-MyAccount-content select,
.rj-account-page .rj-auth-shell input[type="text"],
.rj-account-page .rj-auth-shell input[type="email"],
.rj-account-page .rj-auth-shell input[type="password"] {
	min-height: 48px;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #aaa093 !important;
	border-radius: 0 !important;
	background: #fff;
	color: var(--rj-ink);
}

.rj-account-page :is(a, button, input, select, textarea, summary, iframe):focus-visible {
	outline: 3px solid #286b50;
	outline-offset: 3px;
}

.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
}

.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table th,
.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table td {
	padding: 13px 10px;
	border-bottom: 1px solid var(--rj-line);
	text-align: left;
}

.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table a {
	color: var(--rj-ink);
}

@media (max-width: 1024px) {
	.rj-account-page .rj-account-layout {
		grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
		gap: 28px;
	}

	.rj-account-page .rj-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rj-account-page .rj-dashboard__columns {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {
	.rj-account-page .rj-account-layout {
		display: block;
		width: min(100% - 28px, 720px);
		margin-top: 24px;
	}

	.rj-account-page .rj-account-sidebar {
		position: static;
		margin-bottom: 28px;
	}

	.rj-account-page .rj-account-nav {
		padding: 14px;
	}

	.rj-account-page .rj-account-nav__identity {
		display: none;
	}

	.rj-account-page .rj-account-nav__details > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		min-height: 48px;
		padding: 10px 12px;
		border: 1px solid var(--rj-line);
		cursor: pointer;
		list-style: none;
	}

	.rj-account-page .rj-account-nav__details > summary::-webkit-details-marker {
		display: none;
	}

	.rj-account-page .rj-account-nav__details > summary::after {
		content: "+";
		font-size: 22px;
		line-height: 1;
		margin-left: auto;
	}

	.rj-account-page .rj-account-nav__details[open] > summary::after {
		content: "−";
	}

	.rj-account-page .rj-account-nav__details:not([open]) > ul {
		display: none;
	}

	.rj-account-page .rj-account-nav__details > ul {
		display: block;
		margin-top: 8px;
	}

	.rj-account-page .rj-dashboard__welcome {
		display: block;
	}

	.rj-account-page .rj-dashboard__welcome .rj-text-link {
		margin-top: 18px;
	}

	.rj-account-page .rj-product-grid {
		grid-template-columns: 1fr;
	}

	.rj-account-page .rj-auth-shell {
		display: block;
		width: min(100% - 28px, 620px);
		padding: 18px;
	}

	.rj-auth-shell__intro {
		margin-bottom: 24px;
	}

	.rj-account-page .rj-auth-shell__form {
		padding: 22px;
	}

	.rj-viewer__frame iframe {
		height: 68vh;
	}

	.rj-order-list li,
	.rj-download-list li {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table,
	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table tbody,
	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table tr,
	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table th,
	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table td {
		display: block;
		width: 100%;
	}

	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table tr {
		margin-bottom: 14px;
		border: 1px solid var(--rj-line);
		background: var(--rj-surface);
	}

	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table td {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		gap: 10px;
		border: 0;
		border-bottom: 1px solid var(--rj-line);
	}

	.rj-account-page .woocommerce-MyAccount-content .woocommerce-orders-table td::before {
		content: attr(data-title);
		font-weight: 600;
	}
}

@media (min-width: 783px) {
	.rj-account-page .rj-account-nav__details > summary {
		display: none;
	}

	.rj-account-page .rj-account-nav__details:not([open]) > ul {
		display: block;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rj-account-page .rj-product-card,
	.rj-account-page .rj-account-nav a {
		transition: none;
	}
}
