/* PDF Editor: base app styles (all app screens). Colors only via tokens.css. */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body.pdfe-app {
	background: var(--pdfe-bg);
	color: var(--pdfe-text);
	font-family: var(--pdfe-font);
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--pdfe-primary);
}

h1,
h2,
h3 {
	color: var(--pdfe-text);
	line-height: 1.2;
	margin: 0 0 0.5em;
}

:focus-visible {
	outline: none;
	box-shadow: var(--pdfe-focus);
	border-radius: var(--pdfe-radius-sm);
}

[hidden] {
	display: none !important;
}

.pdfe-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.pdfe-skip {
	position: absolute;
	left: 8px;
	top: -48px;
	z-index: 100;
	padding: 8px 12px;
	background: var(--pdfe-surface);
	border-radius: var(--pdfe-radius-sm);
}

.pdfe-skip:focus {
	top: 8px;
}

.pdfe-icon {
	flex: none;
	display: block;
}

/* Buttons */

.pdfe-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-radius: var(--pdfe-radius-sm);
	font: inherit;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.pdfe-btn--primary {
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
}

.pdfe-btn--primary:hover {
	background: var(--pdfe-primary-dark);
}

.pdfe-btn--accent {
	background: var(--pdfe-accent);
	color: var(--pdfe-on-accent);
}

.pdfe-btn--accent:hover {
	background: var(--pdfe-accent-hover);
}

.pdfe-btn--ghost {
	background: transparent;
	color: var(--pdfe-text);
	border-color: var(--pdfe-border);
}

.pdfe-btn--ghost:hover {
	background: var(--pdfe-bg-soft-blue);
}

/* Danger: destructive confirmations only. */
.pdfe-btn--danger {
	background: var(--pdfe-danger);
	color: var(--pdfe-surface);
}

.pdfe-btn--danger:hover {
	background: var(--pdfe-text);
}

.pdfe-btn--danger-text {
	color: var(--pdfe-danger);
}

.pdfe-btn--danger-text:hover {
	background: var(--pdfe-danger-bg);
}

.pdfe-btn--sm {
	min-height: 32px;
	padding: 4px 10px;
	font-size: 13px;
}

/* Modal dialog */

.pdfe-dialog-backdrop {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(23, 45, 75, 0.45);
}

.pdfe-dialog {
	width: 100%;
	max-width: 440px;
	padding: 24px;
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow);
}

.pdfe-dialog h2 {
	font-size: 19px;
}

.pdfe-dialog p {
	margin: 0 0 12px;
	color: var(--pdfe-text-secondary);
}

.pdfe-dialog__actions {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.pdfe-btn--lg {
	min-height: 52px;
	padding: 12px 28px;
	font-size: 17px;
	border-radius: var(--pdfe-radius);
}

.pdfe-btn[disabled],
.pdfe-icon-btn[disabled] {
	opacity: 0.45;
	cursor: not-allowed;
}

.pdfe-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: var(--pdfe-radius-sm);
	background: transparent;
	color: var(--pdfe-text-secondary);
	cursor: pointer;
}

.pdfe-icon-btn:hover:not([disabled]) {
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-text);
}

.pdfe-select {
	height: 36px;
	padding: 0 28px 0 10px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-surface);
	color: var(--pdfe-text);
	font: inherit;
}

.pdfe-badge-pro {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 4px;
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

.pdfe-alert {
	margin: 16px 0 0;
	padding: 10px 14px;
	border-radius: var(--pdfe-radius-sm);
	font-size: 14px;
}

.pdfe-alert--danger {
	background: var(--pdfe-danger-bg);
	color: var(--pdfe-danger);
}

/* Site header / footer (homepage) */

.pdfe-site-header {
	display: flex;
	align-items: center;
	height: 64px;
	padding: 0 24px;
	background: var(--pdfe-surface);
	border-bottom: 1px solid var(--pdfe-border);
}

.pdfe-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--pdfe-primary);
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
}

.pdfe-brand__mark {
	display: inline-flex;
	padding: 6px;
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
}

/* ---------- Footer: latest guides strip, subscribe bar, link columns, bottom bar ---------- */

/* 1. Latest guides (light, above the dark footer). */
.pdfe-footer-guides {
	margin-top: 64px;
	padding: 48px 24px;
	border-top: 1px solid var(--pdfe-border);
	background: var(--pdfe-bg-light-blue);
}

.pdfe-footer-guides__inner {
	max-width: 1120px;
	margin: 0 auto;
}

.pdfe-footer-guides__head {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 24px;
}

.pdfe-footer-guides__head h2 {
	margin: 0;
	color: var(--pdfe-text);
	font-size: 24px;
}

.pdfe-footer-guides__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.pdfe-guide-tile {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-sm);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.pdfe-guide-tile:hover {
	box-shadow: var(--pdfe-shadow);
	transform: translateY(-2px);
}

.pdfe-guide-tile__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.pdfe-guide-tile__body {
	padding: 16px 18px 20px;
}

.pdfe-guide-tile__meta {
	margin: 0 0 6px;
	color: var(--pdfe-text-muted);
	font-size: 13px;
}

.pdfe-guide-tile h3 {
	margin: 0;
	font-size: 17px;
	line-height: 1.4;
}

.pdfe-guide-tile h3 a {
	color: var(--pdfe-text);
	text-decoration: none;
}

.pdfe-guide-tile h3 a:hover,
.pdfe-guide-tile h3 a:focus-visible {
	text-decoration: underline;
}

/* Dark footer. The guides strip carries the top margin when it is shown. */
.pdfe-site-footer {
	margin-top: 64px;
	background: var(--pdfe-primary);
	color: var(--pdfe-on-dark-muted);
	font-size: 14px;
}

.pdfe-footer-guides + .pdfe-site-footer {
	margin-top: 0;
}

/* 2. Subscribe bar. */
.pdfe-subscribe {
	background: var(--pdfe-sidebar-active);
}

.pdfe-subscribe__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 48px;
	align-items: center;
	max-width: 1120px;
	margin: 0 auto;
	padding: 32px 24px;
}

.pdfe-subscribe__text h2 {
	margin: 0 0 6px;
	color: var(--pdfe-surface);
	font-size: 20px;
}

.pdfe-subscribe__text p {
	margin: 0;
	line-height: 1.6;
}

.pdfe-subscribe__row {
	display: flex;
	gap: 8px;
}

.pdfe-subscribe__row input[type="email"] {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-surface);
	color: var(--pdfe-text);
	font: inherit;
	font-size: 15px;
}

.pdfe-subscribe__row input[type="email"]:focus-visible {
	outline: none;
	border-color: var(--pdfe-accent);
	box-shadow: 0 0 0 3px var(--pdfe-accent);
}

.pdfe-subscribe__row .pdfe-btn {
	min-height: 44px;
	padding: 0 22px;
}

.pdfe-subscribe__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.pdfe-subscribe__note {
	margin: 8px 0 0;
	font-size: 13px;
}

.pdfe-subscribe__note[data-kind="ok"] {
	color: var(--pdfe-surface);
	font-weight: 600;
}

.pdfe-subscribe__note[data-kind="error"] {
	color: var(--pdfe-accent-hover);
	font-weight: 600;
}

.pdfe-site-footer .pdfe-subscribe__note a {
	text-decoration: underline;
}

/* 3. Link columns. */
.pdfe-site-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(5, minmax(0, 1fr));
	gap: 40px 28px;
	max-width: 1120px;
	margin: 0 auto;
	padding: 56px 24px 48px;
}

.pdfe-site-footer__brand p {
	max-width: 320px;
	margin: 14px 0 0;
	line-height: 1.6;
}

.pdfe-site-footer__trust {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.pdfe-site-footer__trust li {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	line-height: 1.5;
}

.pdfe-site-footer__trust li + li {
	margin-top: 8px;
}

.pdfe-site-footer__trust .pdfe-icon {
	flex: none;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	color: var(--pdfe-accent);
}

.pdfe-brand--footer {
	color: var(--pdfe-surface);
}

.pdfe-brand--footer .pdfe-brand__mark {
	background: var(--pdfe-accent);
	color: var(--pdfe-on-accent);
}

/* Logo: the ToolsCampus monogram and a highlighted Campus wordmark. */
.pdfe-brand__logo {
	display: block;
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
}

.pdfe-brand--footer .pdfe-brand__logo {
	box-shadow: 0 0 0 1px var(--pdfe-on-dark-muted);
}

.pdfe-brand__tag {
	color: #e77f16;
	font-weight: 800;
}

.pdfe-brand--footer .pdfe-brand__tag {
	color: var(--pdfe-accent);
}

.pdfe-site-footer__col h2 {
	margin: 4px 0 16px;
	color: var(--pdfe-surface);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pdfe-site-footer__col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdfe-site-footer__col li + li {
	margin-top: 10px;
}

.pdfe-site-footer a {
	color: var(--pdfe-on-dark-muted);
	text-decoration: none;
}

.pdfe-site-footer a:hover,
.pdfe-site-footer a:focus-visible {
	color: var(--pdfe-accent-hover);
	text-decoration: underline;
}

.pdfe-site-footer .pdfe-brand--footer,
.pdfe-site-footer .pdfe-brand--footer:hover {
	color: var(--pdfe-surface);
	text-decoration: none;
}

/* Bottom bar. */
.pdfe-site-footer__bottom {
	background: var(--pdfe-primary-dark);
	font-size: 13px;
}

.pdfe-site-footer__bottom-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	align-items: center;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px 24px;
}

.pdfe-site-footer__bottom p {
	margin: 0;
}

.pdfe-site-footer__bottom ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 1000px) {
	.pdfe-site-footer__inner {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.pdfe-site-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.pdfe-footer-guides__grid {
		grid-template-columns: 1fr;
	}

	.pdfe-guide-tile {
		flex-direction: row;
	}

	.pdfe-guide-tile__image {
		flex: none;
		width: 38%;
	}

	.pdfe-guide-tile__image img {
		height: 100%;
		aspect-ratio: auto;
	}

	.pdfe-subscribe__inner {
		grid-template-columns: 1fr;
	}
}

/* Homepage */

.pdfe-home {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 16px;
}

.pdfe-hero {
	padding: 64px 0 40px;
	text-align: center;
}

.pdfe-hero h1 {
	max-width: 720px;
	margin: 0 auto 16px;
	font-size: clamp(28px, 5vw, 44px);
	letter-spacing: -0.01em;
}

.pdfe-hero__sub {
	max-width: 600px;
	margin: 0 auto 32px;
	color: var(--pdfe-text-secondary);
	font-size: 18px;
}

.pdfe-dropzone {
	max-width: 640px;
	margin: 0 auto;
	padding: 40px 24px;
	border: 2px dashed var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-sm);
	transition: border-color 0.15s, background-color 0.15s;
}

.pdfe-dropzone.is-dragover {
	border-color: var(--pdfe-primary);
	background: var(--pdfe-bg-soft-blue);
}

.pdfe-dropzone__hint {
	margin: 12px 0 4px;
	color: var(--pdfe-text-secondary);
}

.pdfe-dropzone__limits {
	margin: 0;
	color: var(--pdfe-text-muted);
	font-size: 13px;
}

.pdfe-upload-progress {
	margin-top: 20px;
}

.pdfe-upload-progress__bar {
	height: 8px;
	border-radius: 999px;
	background: var(--pdfe-bg-light-blue);
	overflow: hidden;
}

.pdfe-upload-progress__bar span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--pdfe-primary);
	transition: width 0.2s;
}

.pdfe-upload-progress__text {
	margin: 8px 0 0;
	color: var(--pdfe-text-secondary);
	font-size: 14px;
}

.pdfe-steps ol {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 0;
	padding: 24px 0 48px;
	list-style: none;
	counter-reset: step;
}

.pdfe-steps > h2,
.pdfe-section-heading {
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.pdfe-section-heading > p {
	color: var(--pdfe-text-secondary);
}

.pdfe-benefits,
.pdfe-faq {
	padding: 40px 0 56px;
}

.pdfe-benefit-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 28px;
}

.pdfe-benefit-grid article {
	padding: 24px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
}

.pdfe-benefit-grid h3 {
	margin-top: 0;
}

.pdfe-benefit-grid p,
.pdfe-faq-list p {
	color: var(--pdfe-text-secondary);
}

.pdfe-faq-list {
	max-width: 760px;
	margin: 28px auto 0;
}

.pdfe-faq-list details {
	padding: 18px 20px;
	border-top: 1px solid var(--pdfe-border);
	background: var(--pdfe-surface);
}

.pdfe-faq-list details:last-child {
	border-bottom: 1px solid var(--pdfe-border);
}

.pdfe-faq-list summary {
	cursor: pointer;
	font-weight: 700;
}

.pdfe-guides-link {
	margin-top: 24px;
	text-align: center;
}

.pdfe-text-link,
.pdfe-back-link {
	color: var(--pdfe-primary);
	font-weight: 700;
	text-decoration: none;
}

.pdfe-text-link:hover,
.pdfe-back-link:hover {
	text-decoration: underline;
}

/* Public guides */

.pdfe-content-shell,
.pdfe-article-shell {
	max-width: 1040px;
	margin: 0 auto;
	padding: 56px 20px 72px;
}

.pdfe-content-hero {
	max-width: 720px;
	margin-bottom: 40px;
}

.pdfe-content-hero h1,
.pdfe-article-header h1 {
	font-size: clamp(30px, 5vw, 48px);
	letter-spacing: -0.02em;
}

.pdfe-content-hero > p:last-child,
.pdfe-article-meta {
	color: var(--pdfe-text-secondary);
	font-size: 18px;
}

.pdfe-eyebrow {
	margin-bottom: 8px;
	color: var(--pdfe-primary);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pdfe-post-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.pdfe-post-card {
	overflow: hidden;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-sm);
}

.pdfe-post-card__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.pdfe-post-card__body {
	padding: 24px;
}

.pdfe-post-card time {
	color: var(--pdfe-text-muted);
	font-size: 13px;
}

.pdfe-post-card h2 {
	margin: 8px 0 12px;
	font-size: 22px;
}

.pdfe-post-card h2 a {
	color: var(--pdfe-text);
	text-decoration: none;
}

.pdfe-post-card p {
	color: var(--pdfe-text-secondary);
}

.pdfe-content-empty {
	padding: 40px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	text-align: center;
}

.pdfe-pagination {
	margin-top: 40px;
	text-align: center;
}

.pdfe-pagination .page-numbers {
	display: inline-block;
	padding: 8px 12px;
	color: var(--pdfe-primary);
}

.pdfe-article-shell {
	max-width: 820px;
}

.pdfe-article-header {
	margin-bottom: 32px;
}

.pdfe-article-header h1 {
	margin-bottom: 16px;
}

.pdfe-article-meta {
	display: flex;
	gap: 8px;
	font-size: 14px;
}

.pdfe-article-image {
	margin: 0 0 36px;
}

.pdfe-article-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--pdfe-radius-lg);
}

.pdfe-article-content {
	font-size: 17px;
	line-height: 1.75;
}

.pdfe-article-content > p,
.pdfe-article-content > ul,
.pdfe-article-content > ol,
.pdfe-article-content > figure,
.pdfe-article-content > .wp-block-group {
	margin-top: 0;
	margin-bottom: 24px;
}

.pdfe-article-content a {
	color: var(--pdfe-primary);
	font-weight: 650;
}

.pdfe-article-content li + li {
	margin-top: 8px;
}

.pdfe-article-summary {
	padding: 24px 28px;
	border-left: 4px solid var(--pdfe-accent);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-bg-soft-blue);
}

.pdfe-article-summary h2 {
	margin-top: 0;
}

.pdfe-article-summary > :last-child {
	margin-bottom: 0;
}

.pdfe-article-content .wp-block-table {
	overflow-x: auto;
}

.pdfe-article-content table {
	width: 100%;
	border-collapse: collapse;
	background: var(--pdfe-surface);
	font-size: 15px;
}

.pdfe-article-content th,
.pdfe-article-content td {
	padding: 12px 14px;
	border: 1px solid var(--pdfe-border);
	text-align: left;
	vertical-align: top;
}

.pdfe-article-content th {
	background: var(--pdfe-bg-light-blue);
}

.pdfe-article-content h2,
.pdfe-article-content h3 {
	margin-top: 1.8em;
}

.pdfe-article-content img {
	max-width: 100%;
	height: auto;
}

.pdfe-article-cta {
	margin-top: 48px;
	padding: 32px;
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-bg-soft-blue);
	text-align: center;
}

.pdfe-steps li {
	padding: 20px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
	counter-increment: step;
}

.pdfe-steps li::before {
	content: counter(step);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-primary);
	font-weight: 700;
}

.pdfe-steps strong {
	display: block;
	margin-bottom: 4px;
}

.pdfe-steps span {
	color: var(--pdfe-text-secondary);
	font-size: 14px;
}

.pdfe-plans {
	padding-bottom: 32px;
}

.pdfe-plans h2 {
	text-align: center;
}

.pdfe-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
}

.pdfe-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.pdfe-table th,
.pdfe-table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--pdfe-border);
	text-align: center;
}

.pdfe-table tbody tr:last-child th,
.pdfe-table tbody tr:last-child td {
	border-bottom: 0;
}

.pdfe-table th[scope="row"] {
	text-align: left;
	font-weight: 500;
	color: var(--pdfe-text-secondary);
}

.pdfe-table thead th {
	background: var(--pdfe-bg-light-blue);
	font-weight: 700;
}

.pdfe-yes,
.pdfe-no {
	display: inline-flex;
}

.pdfe-yes {
	color: var(--pdfe-success);
}

.pdfe-no {
	color: var(--pdfe-text-muted);
}

.pdfe-plans__contact {
	text-align: center;
	color: var(--pdfe-text-secondary);
}

/* Empty / not-found state */

.pdfe-empty-state {
	max-width: 520px;
	margin: 12vh auto 0;
	padding: 0 16px;
	text-align: center;
}

.pdfe-empty-state__icon {
	display: inline-flex;
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-primary);
}

.pdfe-empty-state p {
	color: var(--pdfe-text-secondary);
	margin-bottom: 24px;
}

@media (max-width: 800px) {
	.pdfe-steps ol {
		grid-template-columns: repeat(2, 1fr);
	}

	.pdfe-benefit-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.pdfe-hero {
		padding-top: 40px;
	}

	.pdfe-steps ol {
		grid-template-columns: 1fr;
	}

	.pdfe-table th,
	.pdfe-table td {
		padding: 10px 8px;
	}

	.pdfe-post-grid {
		grid-template-columns: 1fr;
	}

	.pdfe-content-shell,
	.pdfe-article-shell {
		padding-top: 40px;
	}

	.pdfe-article-summary {
		padding: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		animation: none !important;
	}
}

/* ---------- Phase 7: site navigation ---------- */
.pdfe-site-header {
	gap: 16px;
	justify-content: space-between;
}

.pdfe-brand__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfe-site-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.pdfe-site-nav__link {
	padding: 6px 8px;
	border-radius: var(--pdfe-radius-sm);
	color: var(--pdfe-text);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

.pdfe-site-nav__link:hover,
.pdfe-site-nav__link[aria-current="page"] {
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-primary);
}

.pdfe-site-nav__user {
	max-width: 160px;
	overflow: hidden;
	color: var(--pdfe-text-muted);
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pdfe-hero__secondary {
	margin-top: 16px;
}

.pdfe-alert--warning {
	background: var(--pdfe-warning-bg);
	color: var(--pdfe-text);
}

.pdfe-alert--success {
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
}

.pdfe-alert p {
	margin: 0;
}

.pdfe-alert p + p {
	margin-top: 4px;
}

/* ---------- Phase 7: forms ---------- */
.pdfe-form-row {
	display: grid;
	gap: 6px;
	margin-bottom: 16px;
}

.pdfe-form-row label,
.pdfe-form-row__label {
	color: var(--pdfe-text);
	font-weight: 600;
	font-size: 14px;
}

.pdfe-form-row__label {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.pdfe-form-row__label a {
	font-weight: 500;
	color: var(--pdfe-primary);
}

.pdfe-form-optional,
.pdfe-form-help {
	color: var(--pdfe-text-muted);
	font-weight: 400;
	font-size: 13px;
}

.pdfe-form-help {
	margin: 0;
}

/* Scoped to the account pages, My Files and dialogs: the editor has its own compact inputs. */
.pdfe-auth input[type="text"],
.pdfe-auth input[type="email"],
.pdfe-auth input[type="password"],
.pdfe-files input[type="search"],
.pdfe-dialog input[type="text"],
.pdfe-input {
	width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-surface);
	color: var(--pdfe-text);
	font: inherit;
	font-size: 16px; /* avoids iOS zoom on focus */
}

.pdfe-auth input:focus-visible,
.pdfe-files input:focus-visible,
.pdfe-dialog input:focus-visible,
.pdfe-input:focus-visible {
	outline: none;
	border-color: var(--pdfe-primary);
	box-shadow: var(--pdfe-focus);
}

.pdfe-password {
	position: relative;
}

.pdfe-password input {
	padding-right: 72px;
}

.pdfe-password__toggle {
	position: absolute;
	top: 50%;
	right: 6px;
	min-height: 32px;
	padding: 4px 10px;
	transform: translateY(-50%);
	border: 0;
	border-radius: var(--pdfe-radius-sm);
	background: transparent;
	color: var(--pdfe-primary);
	font: inherit;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
}

.pdfe-password__toggle:hover {
	background: var(--pdfe-bg-soft-blue);
}

.pdfe-check {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
	color: var(--pdfe-text-secondary);
	font-size: 14px;
	cursor: pointer;
}

.pdfe-check input {
	width: 18px;
	height: 18px;
	accent-color: var(--pdfe-primary);
}

.pdfe-btn--block {
	width: 100%;
}

.pdfe-btn.is-busy {
	opacity: 0.7;
	cursor: progress;
}

/* ---------- Phase 7: log in / sign up ---------- */
.pdfe-auth {
	display: flex;
	justify-content: center;
	padding: 48px 16px 64px;
}

.pdfe-auth__card {
	width: 100%;
	max-width: 420px;
	padding: 32px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow);
}

.pdfe-auth__card h1 {
	margin: 0 0 6px;
	color: var(--pdfe-text);
	font-size: 24px;
}

.pdfe-auth__lead {
	margin: 0 0 20px;
	color: var(--pdfe-text-secondary);
	font-size: 15px;
}

.pdfe-auth__form {
	margin-top: 20px;
}

.pdfe-auth__card .pdfe-alert {
	margin: 0 0 4px;
}

.pdfe-auth__note {
	margin: 14px 0 0;
	color: var(--pdfe-text-muted);
	font-size: 13px;
	text-align: center;
}

.pdfe-auth__switch {
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--pdfe-border);
	color: var(--pdfe-text-secondary);
	font-size: 14px;
	text-align: center;
}

.pdfe-auth__switch a {
	color: var(--pdfe-primary);
	font-weight: 600;
}

/* Honeypot: off-screen for people, visible to naive bots. */
.pdfe-auth__hp {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 560px) {
	.pdfe-site-header {
		padding: 0 16px;
	}

	.pdfe-brand__name,
	.pdfe-site-nav__user {
		display: none;
	}

	.pdfe-auth {
		padding: 24px 12px 40px;
	}

	.pdfe-auth__card {
		padding: 22px 18px;
	}
}

.pdfe-form-error {
	margin: 0;
	color: var(--pdfe-danger);
	font-size: 13px;
}

.pdfe-dialog .pdfe-form-row {
	margin: 12px 0 4px;
}

/* ---------- Phase 8: upgrade page ---------- */
.pdfe-upgrade {
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 24px 64px;
}

.pdfe-upgrade__intro {
	max-width: 720px;
	margin-bottom: 28px;
}

.pdfe-upgrade__intro h1 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	color: var(--pdfe-text);
	font-size: 30px;
}

.pdfe-upgrade__intro .pdfe-badge-pro {
	font-size: 13px;
}

.pdfe-upgrade__lead {
	margin: 0;
	color: var(--pdfe-text-secondary);
	font-size: 17px;
}

.pdfe-upgrade__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
	gap: 20px;
	align-items: start;
	margin-bottom: 40px;
}

.pdfe-card {
	padding: 24px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
}

.pdfe-card h2 {
	margin: 0 0 14px;
	color: var(--pdfe-text);
	font-size: 18px;
}

.pdfe-plan-status {
	padding: 14px 16px;
	border-left: 4px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-bg-light-blue);
	color: var(--pdfe-text-secondary);
	font-size: 15px;
}

.pdfe-plan-status p {
	margin: 0;
}

.pdfe-plan-status p + p {
	margin-top: 6px;
}

.pdfe-plan-status strong {
	color: var(--pdfe-text);
	font-size: 17px;
}

.pdfe-plan-status.is-active {
	border-color: var(--pdfe-success);
	background: var(--pdfe-success-bg);
}

.pdfe-plan-status.is-ending,
.pdfe-plan-status.is-grace {
	border-color: var(--pdfe-warning);
	background: var(--pdfe-warning-bg);
}

.pdfe-upgrade__steps {
	margin: 0 0 16px;
	padding-left: 20px;
	color: var(--pdfe-text-secondary);
	line-height: 1.6;
}

.pdfe-upgrade__note {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-text);
	font-size: 14px;
	line-height: 1.5;
}

.pdfe-upgrade__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pdfe-upgrade__form .pdfe-form-help {
	margin-top: 8px;
}

textarea.pdfe-input {
	min-height: 96px;
	resize: vertical;
	line-height: 1.5;
}

.pdfe-upgrade .pdfe-plans {
	max-width: none;
	padding: 0;
}

@media (max-width: 800px) {
	.pdfe-upgrade {
		padding: 24px 12px 40px;
	}

	.pdfe-upgrade__grid {
		grid-template-columns: 1fr;
	}

	.pdfe-upgrade__intro h1 {
		font-size: 24px;
	}
}

/* Guides: breadcrumbs and table of contents */
.pdfe-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var(--pdfe-text-muted);
}

.pdfe-breadcrumbs li + li::before {
	content: "›";
	margin-right: 6px;
	color: var(--pdfe-text-muted);
}

.pdfe-breadcrumbs a {
	color: var(--pdfe-primary);
	text-decoration: none;
}

.pdfe-breadcrumbs a:hover {
	text-decoration: underline;
}

.pdfe-breadcrumbs [aria-current="page"] {
	color: var(--pdfe-text-secondary);
}

.pdfe-article-meta {
	flex-wrap: wrap;
	color: var(--pdfe-text-muted);
}

.pdfe-toc {
	margin: 0 0 32px;
	padding: 18px 22px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
}

.pdfe-toc summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--pdfe-text);
}

.pdfe-toc ol {
	margin: 12px 0 0;
	padding-left: 22px;
	line-height: 1.7;
}

.pdfe-toc a {
	color: var(--pdfe-primary);
	text-decoration: none;
}

.pdfe-toc a:hover {
	text-decoration: underline;
}

.pdfe-article-content h2[id],
.pdfe-article-content h3[id] {
	scroll-margin-top: 90px;
}

/* Site header: theme-style menu with a mobile toggle */

.pdfe-site-header {
	position: relative;
	z-index: 40;
}

.pdfe-site-menu {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-width: 0;
	margin-left: 32px;
}

.pdfe-site-account {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pdfe-menu-btn {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-left: auto;
	padding: 0;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-surface);
	color: var(--pdfe-primary);
	cursor: pointer;
}

.pdfe-menu-btn:focus-visible {
	outline: none;
	box-shadow: var(--pdfe-focus);
}

@media (max-width: 760px) {
	.pdfe-footer-guides {
		padding: 36px 16px;
	}

	.pdfe-guide-tile h3 {
		font-size: 15px;
	}

	.pdfe-subscribe__inner {
		padding: 28px 16px;
	}

	.pdfe-subscribe__row {
		flex-direction: column;
	}

	.pdfe-site-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 24px;
		padding: 40px 16px 32px;
	}

	.pdfe-site-footer__brand {
		grid-column: 1 / -1;
	}

	.pdfe-site-footer__bottom-inner {
		padding: 18px 16px 22px;
	}
}

/* ---------- 2026 product-led visual refresh ---------- */

.pdfe-app:not(.pdfe-editor-page) {
	background: var(--pdfe-surface);
}

.pdfe-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	height: 76px;
	padding: 0 max(24px, calc((100vw - 1180px) / 2));
	box-shadow: var(--pdfe-shadow-sm);
}

.pdfe-brand {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.pdfe-brand__logo {
	width: 38px;
	height: 38px;
	border-radius: var(--pdfe-radius);
}

.pdfe-site-menu {
	margin-left: 56px;
}

.pdfe-site-nav {
	gap: 18px;
}

.pdfe-site-nav__link {
	padding: 10px 8px;
	font-size: 15px;
	font-weight: 700;
}

.pdfe-site-nav__link:hover,
.pdfe-site-nav__link[aria-current="page"] {
	background: transparent;
	color: var(--pdfe-warning);
}

.pdfe-site-account .pdfe-btn {
	min-height: 46px;
	padding-inline: 20px;
	border-radius: var(--pdfe-radius-lg);
	box-shadow: var(--pdfe-shadow);
}

[id^="pdfe-"] {
	scroll-margin-top: 104px;
}

.pdfe-home {
	max-width: none;
	padding: 0;
	overflow-x: clip; /* decorative shapes in the hero must not make phones scroll sideways */
	background: var(--pdfe-surface);
}

.pdfe-home__inner {
	width: min(calc(100% - 48px), 1180px);
	margin-inline: auto;
}

.pdfe-eyebrow {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 14px;
	color: var(--pdfe-primary);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.pdfe-eyebrow::before {
	content: "";
	width: 24px;
	height: 2px;
	background: var(--pdfe-accent);
}

.pdfe-hero {
	position: relative;
	overflow: hidden;
	padding: 84px 0 76px;
	background: linear-gradient(120deg, var(--pdfe-warning-bg), var(--pdfe-surface) 42%, var(--pdfe-bg-soft-blue));
	text-align: left;
}

.pdfe-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.96fr) minmax(460px, 1.04fr);
	gap: 68px;
	align-items: center;
}

.pdfe-hero h1 {
	max-width: 620px;
	margin: 0;
	font-size: clamp(46px, 5.4vw, 72px);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.pdfe-hero__sub {
	max-width: 590px;
	margin: 24px 0 0;
	font-size: 19px;
	line-height: 1.65;
}

.pdfe-hero__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 22px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.pdfe-hero__trust li {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--pdfe-text-secondary);
	font-size: 13px;
	font-weight: 700;
}

.pdfe-hero__trust .pdfe-icon {
	width: 17px;
	height: 17px;
	color: var(--pdfe-success);
}

.pdfe-upload-card {
	margin-top: 28px;
	padding: 10px;
	border: 1px solid var(--pdfe-border);
	border-radius: 22px;
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-page);
}

/* Upload boxes: one look everywhere (home page, tools, My Files): icon, title, formats, then the
   button, all centred. A click anywhere in the box opens the chooser (shared/dropzone.js). */
.pdfe-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	max-width: none;
	min-height: 260px;
	margin: 0;
	padding: 36px 24px;
	border: 2px dashed var(--pdfe-border);
	border-radius: 16px;
	background: var(--pdfe-surface);
	box-shadow: none;
	text-align: center;
}

.pdfe-dropzone.is-clickable {
	cursor: pointer;
}

.pdfe-dropzone.is-clickable:hover,
.pdfe-dropzone.is-dragover {
	border-color: var(--pdfe-success);
	background: var(--pdfe-success-bg);
}

.pdfe-dropzone__icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 16px;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
}

.pdfe-dropzone.is-clickable:hover .pdfe-dropzone__icon,
.pdfe-dropzone.is-dragover .pdfe-dropzone__icon {
	background: var(--pdfe-surface);
}

.pdfe-dropzone__icon .pdfe-icon,
.pdfe-dropzone__icon svg {
	width: 26px;
	height: 26px;
}

.pdfe-dropzone__copy strong {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
}

.pdfe-dropzone__hint,
.pdfe-dropzone__limits {
	display: block;
	margin: 0;
	font-size: 13px;
}

.pdfe-dropzone__limits {
	margin-top: 2px;
}

.pdfe-dropzone > .pdfe-btn {
	min-width: 160px;
	border-radius: var(--pdfe-radius-lg);
}

.pdfe-upload-progress,
.pdfe-dropzone > .pdfe-alert {
	width: 100%;
	max-width: 420px;
	margin-top: 0;
	cursor: auto;
}

/* Home page: the same box, a little more compact so its button shows without scrolling. */
.pdfe-upload-card .pdfe-dropzone {
	min-height: 0;
	gap: 10px;
	padding: 24px 20px;
}

.pdfe-upload-card .pdfe-dropzone__icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
}

/* Small box for one picture inside a tool (a logo, a background, a signature image). */
.pdfe-minidrop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	padding: 12px 14px;
	border: 2px dashed var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	cursor: pointer;
}

.pdfe-minidrop:hover,
.pdfe-minidrop.is-dragover {
	border-color: var(--pdfe-success);
	background: var(--pdfe-success-bg);
}

.pdfe-minidrop__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
}

.pdfe-minidrop:hover .pdfe-minidrop__icon,
.pdfe-minidrop.is-dragover .pdfe-minidrop__icon {
	background: var(--pdfe-surface);
}

.pdfe-minidrop__copy {
	display: grid;
	flex: 1 1 160px;
	min-width: 0;
	text-align: left;
}

.pdfe-minidrop__copy strong {
	font-size: 14px;
}

.pdfe-minidrop__copy small {
	color: var(--pdfe-text-secondary);
	font-size: 12.5px;
	overflow-wrap: anywhere;
}

/* An area that takes more files once the first ones are in (a file list, an editor). */
[data-drop-label].is-dragover {
	position: relative;
}

[data-drop-label].is-dragover::after {
	content: attr(data-drop-label);
	position: absolute;
	inset: 0;
	z-index: 30;
	display: grid;
	place-items: center;
	border: 2px dashed var(--pdfe-success);
	border-radius: inherit;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
	font-size: 18px;
	font-weight: 700;
	opacity: 0.94;
	pointer-events: none;
}

.pdfe-hero__secondary {
	margin: 16px 0 0 14px;
	color: var(--pdfe-text-muted);
	font-size: 14px;
}

.pdfe-editor-preview {
	position: relative;
	min-height: 548px;
	overflow: visible;
	border: 1px solid var(--pdfe-border);
	border-radius: 26px;
	background: var(--pdfe-bg-light-blue);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-editor-preview__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 58px;
	padding: 0 18px;
	border-radius: 25px 25px 0 0;
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
	font-size: 13px;
	font-weight: 700;
}

.pdfe-editor-preview__file {
	display: flex;
	align-items: center;
	gap: 9px;
}

.pdfe-editor-preview__file b {
	display: grid;
	place-items: center;
	width: 25px;
	height: 30px;
	border-radius: 4px;
	background: var(--pdfe-accent);
	color: var(--pdfe-primary);
	font-size: 10px;
}

.pdfe-editor-preview__dots {
	display: flex;
	gap: 6px;
}

.pdfe-editor-preview__dots i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pdfe-on-dark-muted);
}

.pdfe-editor-preview__dots i:first-child {
	background: var(--pdfe-accent);
}

.pdfe-editor-preview__body {
	display: grid;
	grid-template-columns: 64px 1fr;
	height: 490px;
}

.pdfe-editor-preview__tools {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 18px 10px;
	background: var(--pdfe-surface);
}

.pdfe-editor-preview__tools span {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--pdfe-radius);
	color: var(--pdfe-text-muted);
	font-weight: 800;
}

.pdfe-editor-preview__tools .is-active {
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
}

.pdfe-editor-preview__canvas {
	padding: 30px;
}

.pdfe-editor-preview__paper {
	height: 100%;
	padding: 42px;
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-editor-preview__kicker {
	margin: 0;
	color: var(--pdfe-success);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.pdfe-editor-preview__title {
	width: 72%;
	height: 14px;
	margin-top: 18px;
	border-radius: 99px;
	background: var(--pdfe-primary);
}

.pdfe-editor-preview__line {
	width: 44%;
	height: 7px;
	margin-top: 10px;
	border-radius: 99px;
	background: var(--pdfe-border);
}

.pdfe-editor-preview__fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-top: 55px;
}

.pdfe-editor-preview__fields span,
.pdfe-editor-preview__wide,
.pdfe-editor-preview__signature {
	position: relative;
	display: block;
	height: 38px;
	border: 2px solid var(--pdfe-success);
	border-radius: 7px;
	background: var(--pdfe-success-bg);
}

.pdfe-editor-preview small {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 0;
	color: var(--pdfe-text-muted);
	font-size: 9px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.pdfe-editor-preview__wide {
	margin-top: 40px;
}

.pdfe-editor-preview__signature {
	display: flex;
	align-items: center;
	height: 68px;
	margin-top: 40px;
	padding: 0 18px;
	border-color: var(--pdfe-accent);
	background: var(--pdfe-warning-bg);
}

.pdfe-editor-preview__signature em {
	color: var(--pdfe-primary);
	font-family: cursive;
	font-size: 25px;
}

.pdfe-editor-preview__status {
	position: absolute;
	right: -20px;
	bottom: 42px;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 15px 17px;
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-page);
	font-size: 13px;
	font-weight: 800;
}

.pdfe-editor-preview__status b {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--pdfe-success);
	color: var(--pdfe-surface);
}

.pdfe-editor-preview__status small {
	position: static;
	display: block;
	margin-top: 2px;
	font-weight: 500;
	text-transform: none;
}

/* ---------- Hero 3D scene ----------
   The preview card sits in 3D space: it leans toward the pointer (home.php script), floats
   gently, and its layers (paper, fields, status) stand off the card at different depths.
   Three translucent pages drift behind it. The form fills itself in on a 9-second loop.
   Everything is transform/opacity only (no layout work) and stops with reduced motion. */
.pdfe-hero__stage {
	--pdfe-tilt-x: 0deg;
	--pdfe-tilt-y: 0deg;
	position: relative;
	perspective: 1400px;
	perspective-origin: 50% 40%;
}

.pdfe-hero__stage .pdfe-editor-preview {
	transform-style: preserve-3d;
	transform: rotateX(calc(7deg + var(--pdfe-tilt-x))) rotateY(calc(-13deg + var(--pdfe-tilt-y))) rotateZ(1deg);
	transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
	animation: pdfe-hero-float 7s ease-in-out infinite;
}

.pdfe-hero__stage.is-tilting .pdfe-editor-preview {
	transition-duration: 0.18s;
	animation-play-state: paused;
}

.pdfe-hero__stage .pdfe-editor-preview__body,
.pdfe-hero__stage .pdfe-editor-preview__canvas,
.pdfe-hero__stage .pdfe-editor-preview__paper {
	transform-style: preserve-3d;
}

.pdfe-hero__stage .pdfe-editor-preview__tools {
	transform: translateZ(14px);
}

.pdfe-hero__stage .pdfe-editor-preview__paper {
	transform: translateZ(34px);
	box-shadow: 0 30px 60px rgba(15, 42, 51, 0.16), var(--pdfe-shadow-page);
}

.pdfe-hero__stage .pdfe-fill,
.pdfe-hero__stage .pdfe-editor-preview__signature {
	transform: translateZ(16px);
}

.pdfe-hero__stage .pdfe-editor-preview__status {
	transform: translateZ(110px) rotate(-1deg);
	animation: pdfe-hero-status 9s ease-in-out infinite;
}

@keyframes pdfe-hero-float {
	0%,
	100% {
		translate: 0 0;
	}
	50% {
		translate: 0 -12px;
	}
}

/* Typed answers appear one after another, then the signature, then "Ready to download". */
.pdfe-fill i {
	position: absolute;
	inset: 0 12px;
	overflow: hidden;
	color: var(--pdfe-text);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 34px;
	white-space: nowrap;
	clip-path: inset(0 100% 0 0);
	animation: pdfe-hero-type 9s steps(14, end) infinite;
}

.pdfe-fill--2 i {
	animation-delay: 0.9s;
}

.pdfe-fill--3 i {
	animation-delay: 1.8s;
	animation-timing-function: steps(26, end);
}

.pdfe-hero__stage .pdfe-editor-preview__signature em {
	clip-path: inset(0 100% 0 0);
	animation: pdfe-hero-sign 9s ease-in-out infinite;
}

@keyframes pdfe-hero-type {
	0%,
	4% {
		clip-path: inset(0 100% 0 0);
	}
	14%,
	88% {
		clip-path: inset(0 0 0 0);
	}
	96%,
	100% {
		clip-path: inset(0 100% 0 0);
	}
}

@keyframes pdfe-hero-sign {
	0%,
	36% {
		clip-path: inset(0 100% 0 0);
	}
	52%,
	88% {
		clip-path: inset(0 0 0 0);
	}
	96%,
	100% {
		clip-path: inset(0 100% 0 0);
	}
}

@keyframes pdfe-hero-status {
	0%,
	55% {
		opacity: 0;
		scale: 0.85;
	}
	62%,
	88% {
		opacity: 1;
		scale: 1;
	}
	96%,
	100% {
		opacity: 0;
		scale: 0.9;
	}
}

/* Pages drifting behind the card. */
.pdfe-hero__sheet {
	position: absolute;
	width: 150px;
	height: 196px;
	border: 1px solid var(--pdfe-border);
	border-radius: 14px;
	box-shadow: var(--pdfe-shadow);
	opacity: 0.85;
	transform-style: preserve-3d;
	animation: pdfe-hero-sheet 14s ease-in-out infinite;
}

.pdfe-hero__sheet::before,
.pdfe-hero__sheet::after {
	content: "";
	position: absolute;
	left: 18px;
	height: 8px;
	border-radius: 99px;
	background: var(--pdfe-border);
}

.pdfe-hero__sheet::before {
	top: 26px;
	width: 70%;
}

.pdfe-hero__sheet::after {
	top: 46px;
	width: 46%;
}

.pdfe-hero__sheet--a {
	top: -34px;
	left: -60px;
	background: var(--pdfe-success-bg);
	--pdfe-sheet-turn: -18deg;
}

.pdfe-hero__sheet--b {
	right: -48px;
	bottom: -40px;
	background: var(--pdfe-warning-bg);
	--pdfe-sheet-turn: 14deg;
	animation-delay: -5s;
}

.pdfe-hero__sheet--c {
	top: 40%;
	right: -70px;
	width: 110px;
	height: 144px;
	background: var(--pdfe-bg-soft-blue);
	--pdfe-sheet-turn: 26deg;
	animation-delay: -9s;
}

@keyframes pdfe-hero-sheet {
	0%,
	100% {
		transform: translate3d(0, 0, -120px) rotateX(18deg) rotateY(var(--pdfe-sheet-turn)) rotateZ(-6deg);
	}
	50% {
		transform: translate3d(0, -22px, -60px) rotateX(8deg) rotateY(calc(var(--pdfe-sheet-turn) * -1)) rotateZ(4deg);
	}
}

.pdfe-hero__stage.is-paused *,
.pdfe-hero__stage.is-paused .pdfe-editor-preview {
	animation-play-state: paused;
}

@media (max-width: 1050px) {
	.pdfe-hero__stage {
		max-width: 640px;
		margin: 0 auto;
	}
}

@media (max-width: 680px) {
	.pdfe-hero__stage .pdfe-editor-preview {
		transform: rotateX(5deg) rotateY(-6deg);
	}

	.pdfe-hero__stage .pdfe-editor-preview__status {
		transform: translateZ(60px);
	}

	.pdfe-hero__sheet--a {
		left: -24px;
	}

	.pdfe-hero__sheet--b,
	.pdfe-hero__sheet--c {
		right: -20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pdfe-hero__stage *,
	.pdfe-hero__stage .pdfe-editor-preview {
		animation: none !important;
		transition: none !important;
	}

	.pdfe-fill i,
	.pdfe-hero__stage .pdfe-editor-preview__signature em {
		clip-path: none;
	}
}

.pdfe-home-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 48px;
	margin-bottom: 36px;
}

.pdfe-home-heading > div {
	max-width: 700px;
}

.pdfe-home-heading h2 {
	text-align: left;
}

.pdfe-home-heading h2,
.pdfe-benefits h2,
.pdfe-faq h2 {
	margin: 0;
	font-size: clamp(34px, 4vw, 50px);
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.pdfe-home-heading > p {
	max-width: 430px;
	margin: 0;
	padding-left: 26px;
	border-left: 2px solid var(--pdfe-accent);
	color: var(--pdfe-text-secondary);
}

.pdfe-steps {
	padding: 92px 0 98px;
}

.pdfe-steps > .pdfe-home__inner > ol {
	gap: 16px;
	padding: 0;
}

.pdfe-steps li {
	position: relative;
	min-height: 218px;
	padding: 26px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: var(--pdfe-shadow);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pdfe-steps li:hover {
	transform: translateY(-4px);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-steps li::before {
	position: absolute;
	top: 32px;
	right: 24px;
	width: auto;
	height: auto;
	margin: 0;
	background: transparent;
	color: var(--pdfe-text-muted);
	font-size: 12px;
	letter-spacing: 0.1em;
}

.pdfe-step-icon {
	display: grid !important;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 24px;
	border-radius: 14px;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success) !important;
}

.pdfe-steps li:nth-child(even) .pdfe-step-icon {
	background: var(--pdfe-warning-bg);
	color: var(--pdfe-warning) !important;
}

.pdfe-steps strong {
	margin-bottom: 8px;
	font-size: 20px;
}

.pdfe-steps li > span:last-child {
	font-size: 15px;
	line-height: 1.55;
}

.pdfe-benefits {
	padding: 104px 0;
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
}

.pdfe-benefits__layout {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	gap: 80px;
	align-items: start;
}

.pdfe-benefits .pdfe-section-heading {
	max-width: none;
	margin: 0;
	text-align: left;
}

.pdfe-benefits .pdfe-eyebrow {
	color: var(--pdfe-accent-hover);
}

.pdfe-benefits h2,
.pdfe-benefits h3 {
	color: var(--pdfe-surface);
}

.pdfe-benefits .pdfe-section-heading > p:last-child,
.pdfe-benefits .pdfe-benefit-grid p {
	color: var(--pdfe-on-dark-muted);
}

.pdfe-benefit-grid {
	grid-template-columns: 1fr;
	gap: 14px;
	margin: 0;
}

.pdfe-benefit-grid article {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 18px;
	padding: 24px;
	border-color: var(--pdfe-sidebar-active);
	border-radius: 18px;
	background: var(--pdfe-sidebar-hover);
}

.pdfe-benefit-grid article > span {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-accent);
	color: var(--pdfe-on-accent);
	font-size: 12px;
	font-weight: 900;
}

.pdfe-benefit-grid h3 {
	margin-bottom: 5px;
}

.pdfe-benefit-grid p {
	margin: 0;
}

.pdfe-home > .pdfe-plans {
	padding: 104px 0;
	background: var(--pdfe-bg-light-blue);
}

.pdfe-plan-note {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 9px 13px !important;
	border: 0 !important;
	border-radius: 999px;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success) !important;
	font-size: 13px;
	font-weight: 800;
}

.pdfe-plan-note .pdfe-icon {
	width: 16px;
}

.pdfe-home .pdfe-table-wrap,
.pdfe-upgrade .pdfe-table-wrap {
	border-radius: 20px;
	box-shadow: var(--pdfe-shadow-page);
}

@media (min-width: 481px) {
	.pdfe-home .pdfe-table th,
	.pdfe-home .pdfe-table td {
		padding: 15px 18px;
	}
}

.pdfe-home .pdfe-table thead th {
	padding-block: 20px;
	background: var(--pdfe-surface);
	font-size: 15px;
}

.pdfe-home .pdfe-table thead th:last-child {
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
}

.pdfe-plans__contact {
	margin: 28px 0 0;
}

.pdfe-plans__contact .pdfe-btn {
	min-height: 50px;
	padding-inline: 24px;
	border-radius: var(--pdfe-radius-lg);
}

.pdfe-home > .pdfe-faq {
	padding: 104px 0;
}

.pdfe-faq__layout {
	display: grid;
	grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
	gap: 90px;
	align-items: start;
}

.pdfe-faq .pdfe-section-heading {
	max-width: none;
	margin: 0;
	text-align: left;
}

.pdfe-faq .pdfe-guides-link {
	margin-top: 26px;
	padding: 18px;
	border-radius: 16px;
	background: var(--pdfe-bg-light-blue);
	font-size: 14px;
	text-align: left;
}

.pdfe-faq-list {
	max-width: none;
	margin: 0;
	border-top: 1px solid var(--pdfe-border);
}

.pdfe-faq-list details,
.pdfe-faq-list details:last-child {
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--pdfe-border);
}

.pdfe-faq-list summary {
	position: relative;
	padding: 24px 44px 24px 0;
	font-size: 18px;
	list-style: none;
}

.pdfe-faq-list summary::-webkit-details-marker {
	display: none;
}

.pdfe-faq-list summary::after {
	content: "+";
	position: absolute;
	right: 0;
	width: 32px;
	height: 32px;
	margin-top: -4px;
	border-radius: 50%;
	background: var(--pdfe-bg-light-blue);
	font-size: 21px;
	line-height: 30px;
	text-align: center;
}

.pdfe-faq-list details[open] summary::after {
	content: "×";
}

.pdfe-faq-list p {
	margin: -6px 48px 24px 0;
	line-height: 1.7;
}

/* Shared content pages. */
.pdfe-content-shell,
.pdfe-article-shell,
.pdfe-upgrade {
	max-width: 1180px;
	padding-inline: 24px;
}

.pdfe-content-shell,
.pdfe-article-shell {
	padding-top: 44px;
}

.pdfe-content-hero {
	position: relative;
	max-width: none;
	margin: 24px 0 54px;
	padding: 64px;
	overflow: hidden;
	border-radius: 28px;
	background: linear-gradient(120deg, var(--pdfe-primary), var(--pdfe-sidebar-active));
	color: var(--pdfe-surface);
}

.pdfe-content-hero .pdfe-eyebrow {
	color: var(--pdfe-accent-hover);
}

.pdfe-content-hero h1 {
	max-width: 720px;
	margin: 0;
	color: var(--pdfe-surface);
	font-size: clamp(42px, 6vw, 68px);
	line-height: 1;
	letter-spacing: -0.05em;
}

.pdfe-content-hero > p:last-child {
	max-width: 650px;
	margin: 20px 0 0;
	color: var(--pdfe-on-dark-muted);
	font-size: 18px;
}

.pdfe-post-grid--archive {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

@media (max-width: 1000px) {
	.pdfe-post-grid--archive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.pdfe-post-card {
	overflow: hidden;
	border-radius: 22px;
	box-shadow: var(--pdfe-shadow);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pdfe-post-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-post-card--featured {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}

.pdfe-post-card--featured .pdfe-post-card__image img {
	height: 100%;
}

.pdfe-post-card__image {
	background: var(--pdfe-bg-soft-blue);
}

.pdfe-post-card__body {
	padding: 28px;
}

.pdfe-post-card--featured .pdfe-post-card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 42px;
}

.pdfe-post-card__meta {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0 0 12px;
	color: var(--pdfe-text-muted);
	font-size: 12px;
}

.pdfe-post-card__meta span {
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pdfe-post-card h2 {
	margin: 0 0 10px;
	font-size: 21px;
	line-height: 1.3;
	letter-spacing: -0.015em;
}

.pdfe-post-card--featured h2 {
	font-size: clamp(26px, 3vw, 34px);
	line-height: 1.15;
}

.pdfe-post-card__image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.pdfe-pagination {
	margin-top: 48px;
}

.pdfe-pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-bg-light-blue);
	text-decoration: none;
}

.pdfe-pagination .current {
	background: var(--pdfe-primary);
	color: var(--pdfe-surface);
}

/* Guide articles: header, featured image, then the article beside a sticky sidebar. */
.pdfe-article-shell {
	max-width: 1180px;
	padding-bottom: 24px;
}

.pdfe-article-header {
	max-width: 860px;
	margin: 30px 0 36px;
	text-align: left;
}

.pdfe-article-header .pdfe-eyebrow a {
	color: inherit;
	text-decoration: none;
}

.pdfe-article-header h1 {
	margin: 0;
	font-size: clamp(36px, 5vw, 58px);
	line-height: 1.06;
	letter-spacing: -0.045em;
}

.pdfe-article-lead {
	max-width: 760px;
	margin: 18px 0 0;
	color: var(--pdfe-text-secondary);
	font-size: 19px;
	line-height: 1.6;
}

.pdfe-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	margin: 22px 0 0;
}

.pdfe-article-meta > span {
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--pdfe-bg-light-blue);
	color: var(--pdfe-text-muted);
	font-size: 13px;
}

.pdfe-article-meta .pdfe-article-meta__author {
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
	font-weight: 700;
}

.pdfe-article-image {
	margin: 0 0 48px;
	overflow: hidden;
	border: 1px solid var(--pdfe-border);
	border-radius: 24px;
	background: var(--pdfe-bg-soft-blue);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-article-image img {
	display: block;
	width: 100%;
	height: auto;
}

.pdfe-article-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 56px;
	align-items: start;
}

.pdfe-article-side {
	position: sticky;
	top: 96px;
	display: grid;
	gap: 16px;
}

.pdfe-article-main {
	max-width: 760px;
	min-width: 0;
}

.pdfe-toc {
	max-width: none;
	margin: 0;
	padding: 18px 18px 14px;
	border: 1px solid var(--pdfe-border);
	border-radius: 18px;
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-sm);
}

.pdfe-toc summary {
	color: var(--pdfe-text);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}

.pdfe-toc ol {
	max-height: calc(100vh - 360px);
	margin: 12px 0 0;
	padding: 0;
	overflow-y: auto;
	list-style: none;
	counter-reset: pdfe-toc;
}

.pdfe-toc li {
	counter-increment: pdfe-toc;
}

.pdfe-toc li + li {
	margin-top: 2px;
}

.pdfe-toc a {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 4px;
	padding: 7px 8px;
	border-radius: var(--pdfe-radius-sm);
	color: var(--pdfe-text-secondary);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}

.pdfe-toc a::before {
	content: counter(pdfe-toc, decimal-leading-zero);
	color: var(--pdfe-text-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.65;
}

.pdfe-toc a:hover,
.pdfe-toc a:focus-visible {
	background: var(--pdfe-bg-light-blue);
	color: var(--pdfe-text);
}

.pdfe-side-cta {
	padding: 20px;
	border-radius: 18px;
	background: var(--pdfe-primary);
	color: var(--pdfe-on-dark-muted);
	font-size: 14px;
}

.pdfe-side-cta p {
	margin: 0 0 14px;
}

.pdfe-side-cta .pdfe-side-cta__title {
	margin-bottom: 4px;
	color: var(--pdfe-surface);
	font-size: 17px;
	font-weight: 800;
}

.pdfe-article-content {
	max-width: none;
	margin: 0;
	color: var(--pdfe-text-secondary);
	font-size: 18px;
	line-height: 1.78;
}

.pdfe-article-content > :first-child {
	margin-top: 0;
}

.pdfe-article-content h2 {
	margin-top: 2.1em;
	color: var(--pdfe-text);
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -0.025em;
}

.pdfe-article-content h3 {
	margin-top: 1.7em;
	color: var(--pdfe-text);
	font-size: 23px;
}

.pdfe-article-content strong {
	color: var(--pdfe-text);
}

.pdfe-article-content a {
	color: var(--pdfe-success);
	font-weight: 600;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.pdfe-article-content .wp-block-table {
	margin-inline: 0;
	overflow-x: auto;
	border: 1px solid var(--pdfe-border);
	border-radius: 16px;
}

.pdfe-article-content table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}

.pdfe-article-content th,
.pdfe-article-content td {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--pdfe-border);
	text-align: left;
	vertical-align: top;
}

.pdfe-article-content tr:last-child td {
	border-bottom: 0;
}

.pdfe-article-content th {
	background: var(--pdfe-bg-light-blue);
	color: var(--pdfe-text);
}

.pdfe-article-content img {
	border-radius: 16px;
}

.pdfe-article-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 28px;
	align-items: center;
	justify-content: space-between;
	max-width: none;
	margin: 64px 0 0;
	padding: 34px;
	border: 0;
	border-radius: 22px;
	background: var(--pdfe-primary);
	color: var(--pdfe-on-dark-muted);
}

.pdfe-article-cta > div {
	flex: 1 1 320px;
}

.pdfe-article-cta h2 {
	margin: 0 0 6px;
	color: var(--pdfe-surface);
	font-size: 26px;
}

.pdfe-article-cta p {
	margin: 0;
}

@media (max-width: 1000px) {
	.pdfe-article-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.pdfe-article-side {
		position: static;
	}

	.pdfe-toc ol {
		max-height: none;
	}

	.pdfe-side-cta {
		display: none; /* the CTA under the article is enough on small screens */
	}

	.pdfe-article-main {
		max-width: none;
	}
}

@media (max-width: 680px) {
	.pdfe-article-header {
		margin: 18px 0 24px;
	}

	.pdfe-article-lead {
		font-size: 17px;
	}

	.pdfe-article-image {
		margin-bottom: 28px;
		border-radius: 16px;
	}

	.pdfe-toc details:not([open]) ol {
		display: none;
	}

	.pdfe-article-cta {
		padding: 26px 22px;
	}

	.pdfe-article-cta .pdfe-btn {
		width: 100%;
	}
}

/* Account, pricing, empty and utility pages. */
.pdfe-auth-page,
.pdfe-upgrade-page,
.pdfe-files-page {
	background: var(--pdfe-bg-light-blue);
}

.pdfe-auth {
	align-items: flex-start; /* the card keeps its own height */
	min-height: calc(100vh - 76px);
	padding: 72px 24px;
	background: linear-gradient(120deg, var(--pdfe-warning-bg), var(--pdfe-bg-light-blue));
}

.pdfe-auth__card {
	max-width: 520px;
	padding: 42px;
	border: 1px solid var(--pdfe-border);
	border-radius: 24px;
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-auth__card h1 {
	font-size: 38px;
	letter-spacing: -0.04em;
}

.pdfe-form-row input,
.pdfe-form-row textarea,
.pdfe-input {
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
}

.pdfe-auth__form .pdfe-btn--block {
	min-height: 52px;
	border-radius: var(--pdfe-radius-lg);
}

.pdfe-upgrade {
	padding-top: 70px;
	padding-bottom: 40px;
}

.pdfe-upgrade__intro {
	max-width: 820px;
	margin: 0 auto 44px;
	text-align: center;
}

.pdfe-upgrade__intro h1 {
	font-size: clamp(40px, 6vw, 64px);
	letter-spacing: -0.05em;
}

.pdfe-upgrade__grid {
	gap: 24px;
}

.pdfe-upgrade .pdfe-card {
	padding: 30px;
	border-radius: 20px;
	box-shadow: var(--pdfe-shadow);
}

.pdfe-upgrade > .pdfe-plans {
	margin-top: 64px;
	padding: 48px;
	border-radius: 24px;
	background: var(--pdfe-surface);
}

.pdfe-empty-state {
	margin-top: 10vh;
	padding: 48px;
	border: 1px solid var(--pdfe-border);
	border-radius: 24px;
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-page);
}

.pdfe-empty-state__icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin-inline: auto;
	border-radius: 18px;
	background: var(--pdfe-warning-bg);
	color: var(--pdfe-warning);
}

/* Shared footer refresh. */
.pdfe-footer-guides {
	margin-top: 92px;
	padding: 82px 24px;
}

.pdfe-footer-guides__inner,
.pdfe-subscribe__inner,
.pdfe-site-footer__inner,
.pdfe-site-footer__bottom-inner {
	max-width: 1180px;
}

.pdfe-footer-guides__head {
	margin-bottom: 34px;
}

.pdfe-footer-guides__head h2 {
	font-size: 38px;
	letter-spacing: -0.04em;
}

.pdfe-footer-guides__grid {
	gap: 20px;
}

.pdfe-guide-tile {
	border-radius: 20px;
	box-shadow: var(--pdfe-shadow);
}

.pdfe-guide-tile__body {
	padding: 22px 24px 26px;
}

.pdfe-subscribe__inner {
	padding-top: 48px;
	padding-bottom: 48px;
}

.pdfe-subscribe__text h2 {
	font-size: 32px;
	letter-spacing: -0.03em;
}

.pdfe-subscribe__row input[type="email"],
.pdfe-subscribe__row .pdfe-btn {
	min-height: 54px;
	border-radius: var(--pdfe-radius-lg);
}

.pdfe-site-footer__inner {
	padding-top: 64px;
	padding-bottom: 54px;
}

@media (max-width: 1050px) {
	.pdfe-site-menu {
		margin-left: 24px;
	}

	.pdfe-hero__grid {
		grid-template-columns: 1fr;
	}

	.pdfe-hero__content {
		max-width: 760px;
	}

	.pdfe-editor-preview {
		min-height: 520px;
	}

	.pdfe-benefits__layout,
	.pdfe-faq__layout {
		grid-template-columns: 1fr;
		gap: 50px;
	}
}

@media (max-width: 900px) {
	.pdfe-site-header {
		height: 70px;
		padding-inline: 18px;
	}

	.pdfe-site-header .pdfe-site-menu {
		top: 70px;
	}

	.pdfe-home-heading {
		align-items: flex-start;
	}

	.pdfe-home-heading > p {
		max-width: 340px;
	}

	.pdfe-steps > .pdfe-home__inner > ol {
		grid-template-columns: repeat(2, 1fr);
	}

	.pdfe-post-card--featured {
		grid-template-columns: 1fr;
	}

	.pdfe-post-card--featured .pdfe-post-card__image img {
		min-height: 0;
	}
}

@media (max-width: 680px) {
	.pdfe-home__inner {
		width: min(calc(100% - 28px), 1180px);
	}

	.pdfe-hero {
		padding: 52px 0 58px;
	}

	.pdfe-hero h1 {
		font-size: clamp(42px, 13vw, 58px);
	}

	.pdfe-hero__sub {
		font-size: 17px;
	}

	.pdfe-dropzone {
		min-height: 220px;
		padding: 28px 16px;
	}

	.pdfe-dropzone > .pdfe-btn {
		width: 100%;
	}

	.pdfe-editor-preview {
		min-height: 430px;
	}

	.pdfe-editor-preview__body {
		grid-template-columns: 50px 1fr;
		height: 372px;
	}

	.pdfe-editor-preview__tools {
		padding-inline: 5px;
	}

	.pdfe-editor-preview__tools span {
		width: 36px;
		height: 36px;
	}

	.pdfe-editor-preview__canvas {
		padding: 18px;
	}

	.pdfe-editor-preview__paper {
		padding: 26px 22px;
	}

	.pdfe-editor-preview__fields {
		margin-top: 40px;
	}

	.pdfe-editor-preview__wide,
	.pdfe-editor-preview__signature {
		margin-top: 32px;
	}

	.pdfe-editor-preview__status {
		right: 8px;
		bottom: 20px;
	}

	.pdfe-home-heading {
		display: block;
		margin-bottom: 32px;
	}

	.pdfe-home-heading > p {
		margin-top: 18px;
		padding-left: 0;
		border-left: 0;
	}

	.pdfe-steps,
	.pdfe-benefits,
	.pdfe-home > .pdfe-plans,
	.pdfe-home > .pdfe-faq {
		padding: 76px 0;
	}

	.pdfe-steps > .pdfe-home__inner > ol,
	.pdfe-post-grid--archive {
		grid-template-columns: 1fr;
	}

	.pdfe-steps li {
		min-height: 200px;
	}

	.pdfe-content-shell,
	.pdfe-article-shell,
	.pdfe-upgrade {
		padding-inline: 16px;
	}

	.pdfe-content-hero {
		margin-top: 16px;
		padding: 38px 26px;
		border-radius: 22px;
	}

	.pdfe-content-hero h1,
	.pdfe-article-header h1 {
		font-size: 40px;
	}

	.pdfe-post-card--featured .pdfe-post-card__body,
	.pdfe-post-card__body {
		padding: 24px;
	}

	.pdfe-article-content {
		font-size: 16px;
	}

	.pdfe-article-content h2 {
		font-size: 28px;
	}

	.pdfe-auth {
		padding: 40px 14px;
	}

	.pdfe-auth__card {
		padding: 28px 22px;
	}

	.pdfe-upgrade > .pdfe-plans {
		padding: 24px 18px;
	}

	.pdfe-footer-guides {
		padding-top: 62px;
		padding-bottom: 62px;
	}

	.pdfe-footer-guides__head h2 {
		font-size: 32px;
	}
}

/* ---------- Site pages (About, Contact, legal) ---------- */
.pdfe-page-single {
	max-width: 760px;
}

.pdfe-page-shell .pdfe-article-header {
	margin-bottom: 40px;
}

.pdfe-contact-card {
	margin: 8px 0 32px;
	padding: 26px 28px;
	border: 1px solid var(--pdfe-border);
	border-radius: 18px;
	background: var(--pdfe-bg-light-blue);
}

.pdfe-contact-card p {
	margin: 0;
}

.pdfe-contact-card .pdfe-contact-card__label {
	color: var(--pdfe-text-muted);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pdfe-contact-card .pdfe-contact-card__value {
	margin: 4px 0 6px;
	font-size: 24px;
	font-weight: 800;
	overflow-wrap: anywhere;
}

/* ---------- Cookie consent banner: a small card in the bottom-left corner ---------- */
.pdfe-consent {
	position: fixed;
	bottom: 16px;
	left: 16px;
	z-index: 200;
	width: min(380px, calc(100vw - 32px));
	padding: 16px 18px;
	border: 1px solid var(--pdfe-border);
	border-radius: 16px;
	background: var(--pdfe-surface);
	box-shadow: 0 14px 36px rgba(15, 42, 51, 0.2);
	color: var(--pdfe-text-secondary);
	font-size: 13px;
	line-height: 1.5;
}

.pdfe-consent[hidden] {
	display: none;
}

.pdfe-consent h2 {
	margin: 0 0 2px;
	color: var(--pdfe-text);
	font-size: 15px;
}

.pdfe-consent p {
	margin: 0;
}

.pdfe-consent p a {
	color: var(--pdfe-text);
	font-weight: 700;
	white-space: nowrap;
}

.pdfe-consent__options {
	display: grid;
	gap: 6px;
	margin-top: 10px;
}

.pdfe-consent__options[hidden] {
	display: none;
}

.pdfe-consent__option {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	padding: 8px 10px;
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-bg-light-blue);
	font-size: 12px;
	cursor: pointer;
}

.pdfe-consent__option input {
	flex: none;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	accent-color: var(--pdfe-primary);
}

.pdfe-consent__option strong {
	color: var(--pdfe-text);
}

.pdfe-consent__actions {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 6px;
	justify-content: start;
	margin-top: 12px;
}

.pdfe-consent__actions .pdfe-btn {
	min-height: 34px;
	padding: 0 12px;
	font-size: 13px;
}

.pdfe-consent__actions .pdfe-btn[hidden] {
	display: none;
}

@media print {
	.pdfe-consent {
		display: none !important;
	}
}

/* ---------- Contact form ---------- */
.pdfe-contact-form {
	display: grid;
	gap: 14px;
	margin: 8px 0 36px;
	padding: 26px;
	border: 1px solid var(--pdfe-border);
	border-radius: 18px;
	background: var(--pdfe-surface);
	box-shadow: var(--pdfe-shadow-sm);
	font-size: 15px;
}

.pdfe-contact-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.pdfe-contact-form .pdfe-form-row {
	display: grid;
	gap: 6px;
	margin: 0;
}

.pdfe-contact-form label {
	color: var(--pdfe-text);
	font-size: 14px;
	font-weight: 700;
}

.pdfe-contact-form input[type="text"],
.pdfe-contact-form input[type="email"],
.pdfe-contact-form select,
.pdfe-contact-form textarea {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
	color: var(--pdfe-text);
	font: inherit;
}

.pdfe-contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.pdfe-contact-form input:focus-visible,
.pdfe-contact-form select:focus-visible,
.pdfe-contact-form textarea:focus-visible {
	outline: none;
	border-color: var(--pdfe-primary);
	box-shadow: var(--pdfe-focus);
}

.pdfe-contact-form__foot {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	align-items: center;
}

.pdfe-contact-form__note {
	margin: 0;
	color: var(--pdfe-text-muted);
	font-size: 13px;
}

.pdfe-contact-form__status {
	margin: 0;
	font-weight: 600;
}

.pdfe-contact-form__status:empty {
	display: none;
}

.pdfe-contact-form__status[data-kind="ok"] {
	padding: 12px 14px;
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-success-bg);
	color: var(--pdfe-success);
}

.pdfe-contact-form__status[data-kind="error"] {
	padding: 12px 14px;
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-danger-bg);
	color: var(--pdfe-danger);
}

.pdfe-contact-form__status[data-kind="busy"] {
	color: var(--pdfe-text-muted);
}

@media (max-width: 640px) {
	.pdfe-contact-form {
		padding: 18px;
	}

	.pdfe-contact-form__row {
		grid-template-columns: 1fr;
	}

	.pdfe-contact-form__foot .pdfe-btn {
		width: 100%;
	}
}

/* Header: the links fold into the menu button below 1200px (from 760px), so seven links,
   Log in and Sign up never push the page sideways on laptops and tablets. Placed last so it
   wins over the header styles above. */
@media (max-width: 1200px) {
	.pdfe-menu-btn {
		display: inline-flex;
	}

	.pdfe-brand__name {
		display: inline;
	}

	.pdfe-site-menu {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin: 0;
		padding: 12px 16px 20px;
		border-bottom: 1px solid var(--pdfe-border);
		background: var(--pdfe-surface);
		box-shadow: var(--pdfe-shadow);
	}

	.pdfe-site-header.is-open .pdfe-site-menu {
		display: flex;
	}

	.pdfe-site-nav,
	.pdfe-site-account {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
	}

	.pdfe-site-account {
		padding-top: 12px;
		border-top: 1px solid var(--pdfe-border);
	}

	.pdfe-site-nav__link {
		padding: 12px;
		font-size: 15px;
	}

	.pdfe-site-nav__user {
		display: block;
		max-width: none;
		padding: 4px 12px;
	}

	.pdfe-site-account .pdfe-btn {
		justify-content: center;
		min-height: 44px;
	}

	.pdfe-site-header .pdfe-site-menu {
		margin: 0;
	}
}

/* AI label (sparkle + "AI") next to links, cards and headings of pages whose main feature uses AI. */
.pdfe-ai {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin-left: 6px;
	padding: 1px 6px 1px 4px;
	border-radius: 999px;
	background: var(--pdfe-accent);
	color: var(--pdfe-on-accent);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
}

.pdfe-ai svg {
	flex: none;
}

h1 .pdfe-ai {
	position: relative;
	top: -0.15em;
	padding: 2px 8px 2px 6px;
	font-size: 13px;
}

h1 .pdfe-ai svg {
	width: 14px;
	height: 14px;
}

.pdfe-site-nav__link .pdfe-ai {
	gap: 1px;
	margin-left: 4px;
	padding: 0 5px 0 3px;
	font-size: 9px;
}

.pdfe-site-nav__link .pdfe-ai svg {
	width: 10px;
	height: 10px;
}

/* Header menu: only the AI sparkles icon, no badge (the word "AI" is for screen readers). */
.pdfe-site-nav__link .pdfe-ai--icon {
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--pdfe-warning);
}

.pdfe-site-nav__link .pdfe-ai--icon svg {
	width: 15px;
	height: 15px;
}

/* Full-width header: the label sits raised in the space after the link, like a superscript,
   so it adds no width and the links still fit on one line. In the folded menu it is inline.
   The header never grows wider than the window: when space is short (logged in, long name),
   the user's name shortens with "..." instead of pushing the page sideways. */
/* Tool pages centre their content; the header still spans the whole window (phones too). */
.pdfe-site-header {
	align-self: stretch;
	width: 100%;
	min-width: 0;
}

@media (min-width: 1201px) {
	.pdfe-site-menu {
		gap: 16px;
		margin-left: 24px;
	}

	.pdfe-site-nav {
		flex: none;
	}

	.pdfe-site-account {
		min-width: 0;
	}

	.pdfe-site-account > * {
		flex: none;
	}

	.pdfe-site-account > .pdfe-site-nav__user {
		flex: 0 1 auto;
		min-width: 2em;
	}

	.pdfe-site-nav__link:has(.pdfe-ai) {
		position: relative;
	}

	.pdfe-site-nav__link .pdfe-ai {
		position: absolute;
		top: 1px;
		left: calc(100% - 9px);
		margin: 0;
		pointer-events: none;
	}
}

/* Six menu links: on computers the bar has no room for the user's name as well; it shows as the
   tooltip of "My Files" (and in full in the phone menu, where there is room). */
@media (min-width: 1201px) {
	.pdfe-site-account > .pdfe-site-nav__user {
		display: none;
	}
}

/* The narrowest computer screens: links a little closer (still room for the AI sparkle and the
   drop-down arrows of "PDF tools" and "Image tools"). */
@media (min-width: 1201px) and (max-width: 1279px) {
	.pdfe-site-nav {
		gap: 8px;
	}
}

/* ---------- Ads (only when switched on in Settings > ToolsCampus > Ads) ---------- */
.pdfe-ad {
	clear: both;
	margin: 40px auto;
	padding: 12px 0 16px;
	border-top: 1px solid var(--pdfe-border);
	border-bottom: 1px solid var(--pdfe-border);
	text-align: center;
}
.pdfe-ad__label {
	margin: 0 0 8px;
	color: var(--pdfe-text-muted);
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.pdfe-ad .adsbygoogle {
	min-height: 100px;
}
.pdfe-ad--tool {
	margin: 8px auto;
}

/* ---------- Guide author box ---------- */
.pdfe-author-box {
	margin: 48px 0 0;
	padding: 24px 28px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius-lg);
	background: var(--pdfe-surface);
}
.pdfe-author-box__eyebrow {
	margin: 0 0 4px;
	color: var(--pdfe-text-muted);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.pdfe-author-box .pdfe-author-box__name {
	margin: 0 0 8px;
	font-size: 1.25rem;
}
.pdfe-author-box p {
	margin: 0 0 12px;
	color: var(--pdfe-text-secondary);
}
.pdfe-author-box .pdfe-author-box__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 0;
}
.pdfe-author-box__links a {
	color: var(--pdfe-primary);
	font-weight: 600;
}

/* ---------- Guides on a tool page ---------- */
.pdfe-tool-guides__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pdfe-tool-guides__list li {
	padding: 18px 20px;
	border: 1px solid var(--pdfe-border);
	border-radius: var(--pdfe-radius);
	background: var(--pdfe-surface);
}
.pdfe-tool-guides__list a {
	color: var(--pdfe-text);
	font-weight: 600;
	text-decoration: none;
}
.pdfe-tool-guides__list a:hover,
.pdfe-tool-guides__list a:focus-visible {
	color: var(--pdfe-primary);
	text-decoration: underline;
}
.pdfe-tool-guides__list p {
	margin: 6px 0 0;
	color: var(--pdfe-text-secondary);
	font-size: 0.92rem;
}

/* ---------- Header drop-downs: "PDF tools" and "Image tools" list their tools ----------
   The link still opens the hub page; the small arrow after it opens the list (and on computers
   hovering does too). In the folded phone menu the list opens under the link. */
.pdfe-site-nav__item {
	position: relative;
	display: flex;
	align-items: center;
}

.pdfe-site-nav__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 28px;
	margin-left: -4px; /* uses the link's own right padding, so the bar is barely wider */
	padding: 0;
	border: 0;
	border-radius: var(--pdfe-radius-sm);
	background: none;
	color: var(--pdfe-text-secondary);
	cursor: pointer;
}

.pdfe-site-nav__toggle:hover,
.pdfe-site-nav__item.is-open .pdfe-site-nav__toggle {
	color: var(--pdfe-warning);
}

.pdfe-site-nav__toggle:focus-visible {
	outline: none;
	box-shadow: var(--pdfe-focus);
}

.pdfe-site-nav__toggle svg {
	transition: transform 0.15s ease;
}

.pdfe-site-nav__item.is-open .pdfe-site-nav__toggle svg {
	transform: rotate(180deg);
}

.pdfe-site-drop {
	display: none;
}

.pdfe-site-drop__list {
	display: grid;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pdfe-site-drop__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: var(--pdfe-radius-sm);
	color: var(--pdfe-text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.pdfe-site-drop__link:hover,
.pdfe-site-drop__link:focus-visible,
.pdfe-site-drop__link[aria-current="page"] {
	outline: none;
	background: var(--pdfe-bg-soft-blue);
	color: var(--pdfe-primary);
}

.pdfe-site-drop__icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--pdfe-radius-sm);
	background: var(--pdfe-bg-light-blue);
	color: var(--pdfe-primary);
}

.pdfe-site-drop__icon .pdfe-icon {
	width: 18px;
	height: 18px;
}

.pdfe-site-drop__name {
	white-space: nowrap;
}

/* Only the sparkle, like in the menu bar. */
.pdfe-site-drop .pdfe-ai--icon {
	margin-left: -4px;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--pdfe-warning);
}

.pdfe-site-drop .pdfe-ai--icon svg {
	width: 13px;
	height: 13px;
}

.pdfe-site-drop__all {
	display: block;
	margin-top: 6px;
	padding: 10px 10px 2px;
	border-top: 1px solid var(--pdfe-border);
	color: var(--pdfe-primary);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.pdfe-site-drop__all:hover,
.pdfe-site-drop__all:focus-visible {
	color: var(--pdfe-warning);
}

/* Computers: a panel under the link, two columns. The panel starts right under the link and its
   top padding is see-through, so the mouse can move down into it without it closing. */
@media (min-width: 1201px) {
	.pdfe-site-drop {
		position: absolute;
		top: 100%;
		left: -12px;
		z-index: 60;
		width: 480px;
		padding-top: 12px;
	}

	.pdfe-site-drop > * {
		position: relative; /* above the white panel drawn by ::before */
	}

	.pdfe-site-drop::before {
		content: "";
		position: absolute;
		inset: 12px 0 0;
		border: 1px solid var(--pdfe-border);
		border-radius: var(--pdfe-radius-lg);
		background: var(--pdfe-surface);
		box-shadow: var(--pdfe-shadow);
	}

	.pdfe-site-drop__list {
		grid-template-columns: 1fr 1fr;
		padding: 10px 10px 0;
	}

	.pdfe-site-drop__all {
		margin: 6px 10px 0;
		padding: 10px 10px 12px;
	}

	.pdfe-site-nav__item.is-open > .pdfe-site-drop {
		display: block;
	}
}

@media (min-width: 1201px) and (hover: hover) {
	.pdfe-site-nav__item:hover > .pdfe-site-drop {
		display: block;
	}

	.pdfe-site-nav__item:hover .pdfe-site-nav__toggle {
		color: var(--pdfe-warning);
	}
}

/* Folded menu (phones, tablets): the arrow sits at the end of the row; the list opens below. */
@media (max-width: 1200px) {
	.pdfe-site-nav__item {
		display: grid;
		grid-template-columns: 1fr 44px;
		align-items: center;
	}

	.pdfe-site-nav__toggle {
		width: 44px;
		height: 44px;
		margin: 0;
	}

	.pdfe-site-nav__toggle svg {
		width: 16px;
		height: 16px;
	}

	.pdfe-site-nav__item.is-open > .pdfe-site-drop {
		display: block;
		grid-column: 1 / -1;
		padding: 0 0 8px 12px;
	}

	.pdfe-site-drop__all {
		margin-top: 4px;
	}
}