/*
 * PDFRaj Engine — proprietary.
 * Copyright (c) 2026 Aditya Raj. All rights reserved.
 * Author: Aditya Raj. Unauthorized copying, distribution, or resale of this
 * source, in whole or in part, is prohibited.
 */
/* PDFPro shell — shared header rendered on every public page. Structure
 * + navigation only, no theming. Variables let the future Settings page
 * override colors without touching template files. */

:root {
	--ps-bg: #ffffff;
	--ps-border: #e1e4ef;
	--ps-text: #0c0f1c;
	--ps-muted: #8892b0;
	--ps-accent: #5247dc;
	--ps-accent-hover: #4239c8;
	--ps-accent-soft: rgba(82,71,220,0.08);
	--ps-active-soft: rgba(82,71,220,0.16);
	--ps-shell-height: 68px;
	--ps-shell-z: 200;
}

body.pdfraj-body { margin: 0; padding: 0; }

.pdfraj-shell-header {
	position: sticky; top: 0; z-index: var(--ps-shell-z);
	background: var(--ps-bg);
	border-bottom: 1px solid var(--ps-border);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	font-size: 0.9rem;
	color: var(--ps-text);
}
.pdfraj-shell-inner {
	display: flex; align-items: center; gap: 0.8rem;
	max-width: 1280px; margin: 0 auto;
	padding: 0 1.1rem;
	height: var(--ps-shell-height);
}

/* Brand */
.pdfraj-shell-brand {
	display: inline-flex; align-items: center; gap: 0.45rem;
	color: var(--ps-text); text-decoration: none;
	font-weight: 700; font-size: 1rem;
	flex-shrink: 0;
}
.pdfraj-shell-brand:hover { color: var(--ps-accent); }
.pdfraj-shell-brand:focus-visible { outline: 2px solid var(--ps-accent); outline-offset: 3px; border-radius: 4px; }
.pdfraj-shell-logo { height: 22px; width: auto; display: block; }

/* Breadcrumb (tool pages only) */
.pdfraj-shell-breadcrumb {
	display: flex; align-items: center; gap: 0.4rem;
	color: var(--ps-muted); font-size: 0.85rem;
	min-width: 0; flex: 1;
	overflow: hidden;
}
.pdfraj-shell-breadcrumb-cat {
	color: var(--ps-muted); text-decoration: none; white-space: nowrap;
	padding: 0.15rem 0.45rem; border-radius: 999px;
	transition: background-color 0.1s, color 0.1s;
}
.pdfraj-shell-breadcrumb-cat:hover { color: var(--ps-accent); background: var(--ps-accent-soft); }
.pdfraj-shell-breadcrumb-sep { color: #cbd5e1; }
.pdfraj-shell-breadcrumb-tool {
	color: var(--ps-text); font-weight: 600;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

/* Right-side actions */
.pdfraj-shell-actions {
	display: flex; align-items: center; gap: 0.4rem;
	flex-shrink: 0;
	margin-left: auto;
}

/* Menu button */
.pdfraj-shell-menu { position: relative; }
.pdfraj-shell-menu-button {
	display: inline-flex; align-items: center; gap: 0.25rem;
	background: transparent; border: 0;
	color: var(--ps-text); font: inherit; font-weight: 600; font-size: 0.9rem;
	padding: 0.35rem 0.5rem; border-radius: 6px;
	cursor: pointer;
	transition: color 0.1s, background-color 0.1s;
}
.pdfraj-shell-menu-button:hover { color: var(--ps-accent); }
.pdfraj-shell-menu-button[aria-expanded="true"] { color: var(--ps-accent); background: var(--ps-accent-soft); }
.pdfraj-shell-menu-button:focus-visible { outline: 2px solid var(--ps-accent); outline-offset: 2px; }
.pdfraj-shell-caret { font-size: 0.75rem; line-height: 1; }

/* Mega-menu — full-width panel docked under the header (Sejda-style) */
.pdfraj-shell-megamenu {
	position: fixed;
	top: var(--ps-shell-height);
	left: 0; right: 0;
	background: var(--ps-bg);
	border-bottom: 1px solid var(--ps-border);
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
	display: block;
	/* Never run past the viewport: cap to the space below the header and
	 * scroll inside the panel. Fixes the tall "Other" column overflowing off
	 * the bottom on desktop, and the menu being unscrollable on mobile. */
	max-height: calc(100vh - var(--ps-shell-height));
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;   /* momentum scroll on iOS */
	overscroll-behavior: contain;        /* don't chain-scroll the page behind */
}
/* The display rule above overrides the HTML hidden attribute's UA default of
 * display:none — restore it so the menu starts closed. */
.pdfraj-shell-megamenu[hidden] { display: none; }
/* Multi-column flow (newspaper/masonry): categories pack top-to-bottom across
 * columns so all 39 tools fit in one panel without an internal scrollbar. */
.pdfraj-shell-megamenu-inner {
	position: relative;
	max-width: 1280px; margin: 0 auto;
	padding: 2.6rem 1.4rem 1.8rem;   /* top strip clears the close button */
	column-width: 175px;
	column-gap: 1.7rem;
}
/* Close (×) button — top-right, Sejda-style */
.pdfraj-shell-megamenu-close {
	position: absolute; top: 0.85rem; right: 1rem;
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px;
	background: transparent; border: 0; border-radius: 50%;
	color: var(--ps-muted); cursor: pointer;
	transition: background-color 0.12s, color 0.12s;
	z-index: 2;
}
.pdfraj-shell-megamenu-close:hover { background: var(--ps-accent-soft); color: var(--ps-accent); }
.pdfraj-shell-megamenu-close:focus-visible { outline: 2px solid var(--ps-accent); outline-offset: 2px; }
@media (max-width: 560px) {
	.pdfraj-shell-megamenu-inner { column-width: auto; column-count: 2; padding: 2.4rem 1rem 1.4rem; column-gap: 1.1rem; }
}

.pdfraj-shell-megamenu-col {
	min-width: 0;
	margin: 0 0 1.35rem;
	/* Tall categories (Other has 14 tools) are ALLOWED to flow across
	 * columns, matching the reference where Other spills into the next
	 * column. Individual items stay intact (rule on the <li> below), and the
	 * heading stays with its first item (break-after on the header). */
}
/* Category header: plain uppercase gray label (iLovePDF-style) — no icon,
 * no count badge, no rule line. Just a quiet section heading. */
.pdfraj-shell-megamenu-cat {
	display: block;
	color: var(--ps-muted); text-decoration: none;
	font-weight: 700; font-size: 0.72rem; letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 0; margin-bottom: 0.55rem;
	break-after: avoid-column;            /* keep heading with its first item */
	-webkit-column-break-after: avoid;
}
.pdfraj-shell-megamenu-cat-label { min-width: 0; }
.pdfraj-shell-megamenu-cat:hover { color: var(--ps-text); }
.pdfraj-shell-megamenu-cat.is-active { color: var(--ps-text); }

.pdfraj-shell-megamenu-list { list-style: none; margin: 0; padding: 0; }
/* Keep a single tool row from being split across a column boundary. */
.pdfraj-shell-megamenu-list > li { break-inside: avoid; -webkit-column-break-inside: avoid; }
.pdfraj-shell-megamenu-item {
	display: flex; align-items: center; gap: 0.6rem;
	padding: 0.35rem 0.4rem;
	color: var(--ps-text); text-decoration: none;
	border-radius: 8px;
	transition: background-color 0.12s, color 0.12s;
}
/* Colorful per-category icon tile. --tool-color is set on the parent <ul>;
 * the soft fill is mixed from it so each category reads at a glance. */
.pdfraj-shell-megamenu-item-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; flex-shrink: 0;
	border-radius: 8px;
	background: color-mix(in srgb, var(--tool-color, var(--ps-accent)) 14%, transparent);
	color: var(--tool-color, var(--ps-accent));
}
.pdfraj-shell-megamenu-item-name { font-size: 0.875rem; font-weight: 500; min-width: 0; }
.pdfraj-shell-megamenu-item:hover  { background: color-mix(in srgb, var(--tool-color, var(--ps-accent)) 9%, transparent); }
.pdfraj-shell-megamenu-item:hover .pdfraj-shell-megamenu-item-name { color: var(--ps-text); }
.pdfraj-shell-megamenu-item.is-current { background: color-mix(in srgb, var(--tool-color, var(--ps-accent)) 14%, transparent); }
.pdfraj-shell-megamenu-item.is-current .pdfraj-shell-megamenu-item-name { color: var(--tool-color, var(--ps-accent)); font-weight: 600; }
.pdfraj-shell-megamenu-item:focus-visible { outline: 2px solid var(--ps-accent); outline-offset: 1px; }

/* Coming-soon placeholders: shown for discoverability, not yet clickable. */
.pdfraj-shell-megamenu-item.is-soon { cursor: default; opacity: 0.62; }
.pdfraj-shell-megamenu-item.is-soon:hover { background: transparent; }
.pdfraj-shell-megamenu-item.is-soon .pdfraj-shell-megamenu-item-icon {
	background: color-mix(in srgb, var(--ps-text) 8%, transparent);
	color: color-mix(in srgb, var(--ps-text) 55%, transparent);
}

/* Inline badges (Soon / New) next to a tool name. */
.pdfraj-shell-megamenu-badge {
	margin-left: auto; flex-shrink: 0;
	font-size: 0.625rem; font-weight: 700; line-height: 1;
	letter-spacing: 0.02em; text-transform: uppercase;
	padding: 0.2rem 0.4rem; border-radius: 999px;
}
.pdfraj-shell-megamenu-badge--soon {
	background: color-mix(in srgb, var(--ps-text) 10%, transparent);
	color: color-mix(in srgb, var(--ps-text) 60%, transparent);
}
.pdfraj-shell-megamenu-badge--new {
	background: color-mix(in srgb, var(--ps-accent) 16%, transparent);
	color: var(--ps-accent);
}

/* Search button */
.pdfraj-shell-search {
	display: inline-flex; align-items: center; gap: 0.35rem;
	background: var(--ps-bg); border: 1px solid var(--ps-border);
	color: var(--ps-text); font: inherit; font-size: 0.85rem;
	padding: 0.35rem 0.6rem; border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.pdfraj-shell-search:hover { color: var(--ps-accent); border-color: var(--ps-accent); }
.pdfraj-shell-search:focus-visible { outline: 2px solid var(--ps-accent); outline-offset: 2px; }
.pdfraj-shell-search-label { display: inline; }

@media (max-width: 640px) {
	.pdfraj-shell-search-label { display: none; }
	.pdfraj-shell-inner { gap: 0.5rem; padding: 0 0.7rem; }
	.pdfraj-shell-brand-name { font-size: 0.95rem; }
	/* Breadcrumb bar: drop the leading brand crumb on small screens, keep
	 * category › tool with its separators visible. */
	.pdfraj-shell-breadcrumb-inner > a:first-child,
	.pdfraj-shell-breadcrumb-inner > .pdfraj-shell-breadcrumb-sep:first-of-type { display: none; }
}

/* Inline Lucide icons */
.pdfraj-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.pdfraj-shell-caret .pdfraj-icon { display: block; }

/* Quick-tool shortcuts (center of the bar) */
.pdfraj-shell-quick {
	display: flex; align-items: center; gap: 0.15rem;
	flex: 1; min-width: 0; margin-left: 0.6rem;
}
.pdfraj-shell-quick-link {
	color: var(--ps-text); text-decoration: none;
	font-size: 0.875rem; font-weight: 500;
	padding: 0.35rem 0.6rem; border-radius: var(--pdfraj-radius-pill, 25px);
	white-space: nowrap;
	transition: background-color 0.12s, color 0.12s;
}
.pdfraj-shell-quick-link:hover { background: var(--ps-accent-soft); color: var(--ps-accent); }
.pdfraj-shell-quick-link.is-current { color: var(--ps-accent); background: var(--ps-accent-soft); }

@media (max-width: 860px) {
	.pdfraj-shell-quick { display: none; }
}

/* Breadcrumb bar (tool pages) — sits under the header */
.pdfraj-shell-breadcrumb-bar {
	background: var(--ps-bg);
	border-bottom: 1px solid var(--ps-border);
	font-size: 0.8125rem;
}
.pdfraj-shell-breadcrumb-inner {
	max-width: 1280px; margin: 0 auto;
	padding: 0.55rem 1.1rem;
	display: flex; align-items: center; gap: 0.4rem;
	color: var(--ps-muted);
}
.pdfraj-shell-breadcrumb-inner a { color: var(--ps-muted); text-decoration: none; }
.pdfraj-shell-breadcrumb-inner a:hover { color: var(--ps-accent); }
.pdfraj-shell-breadcrumb-sep { color: #cbd5e1; }
.pdfraj-shell-breadcrumb-current { color: var(--ps-text); font-weight: 600; }

/* ---- Public footer ---- */
.pdfraj-shell-footer {
	margin-top: 3rem;
	background: var(--pdfraj-surface-soft, #f5f5f5);
	border-top: 1px solid var(--ps-border);
	color: var(--ps-text);
	font-family: var(--pdfraj-font-body, inherit);
}
.pdfraj-shell-footer-inner {
	max-width: 1180px; margin: 0 auto;
	padding: 3.5rem 1.25rem 2.5rem;
	display: grid;
	grid-template-columns: minmax(210px, 1.4fr) repeat(4, 1fr);
	gap: 2.5rem 2rem;
}
.pdfraj-shell-footer-brand { max-width: 22rem; }
.pdfraj-shell-footer-brandname {
	display: inline-flex; align-items: center; gap: 0.45rem;
	color: var(--ps-text); text-decoration: none;
	font-weight: 700; font-size: 1.15rem;
}
.pdfraj-shell-footer-tagline { color: var(--ps-muted); font-size: 0.9rem; margin: 0.7rem 0 0; max-width: 22rem; line-height: 1.55; }
.pdfraj-shell-footer-col { min-width: 0; }
.pdfraj-shell-footer-coltitle {
	margin: 0 0 0.5rem; font-size: 0.72rem; font-weight: 700;
	letter-spacing: 0.05em; text-transform: uppercase;
}
.pdfraj-shell-footer-coltitle a { color: var(--ps-muted); text-decoration: none; }
.pdfraj-shell-footer-coltitle a:hover { color: var(--ps-accent); }
.pdfraj-shell-footer-col ul { list-style: none; margin: 0; padding: 0; }
.pdfraj-shell-footer-col li { margin: 0.25rem 0; }
.pdfraj-shell-footer-col a {
	color: var(--ps-text); text-decoration: none; font-size: 0.85rem;
}
.pdfraj-shell-footer-col a:hover { color: var(--ps-accent); }

.pdfraj-shell-footer-bottom {
	max-width: 1180px; margin: 0 auto;
	padding: 1.2rem 1.25rem 2rem;
	border-top: 1px solid var(--ps-border);
	color: var(--ps-muted); font-size: 0.8125rem;
	display: flex; align-items: center; justify-content: space-between; gap: 0.8rem 1.4rem; flex-wrap: wrap;
}
.pdfraj-shell-footer-legal { display: flex; gap: 1.3rem; }
.pdfraj-shell-footer-legal a { color: var(--ps-muted); text-decoration: none; }
.pdfraj-shell-footer-legal a:hover { color: var(--ps-accent); }

@media (max-width: 940px) {
	.pdfraj-shell-footer-inner { grid-template-columns: repeat(3, 1fr); }
	.pdfraj-shell-footer-brand { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 560px) {
	.pdfraj-shell-footer-inner { grid-template-columns: repeat(2, 1fr); gap: 1.8rem 1.4rem; }
}

/* =====================================================================
 * Header v2 (FlowPDF-design port). Purple theme, logo mark + nav + an
 * "All Tools" mega-panel. The element also carries .pdfraj-shell-header so
 * the workspace can fix it; these rules (later in source) win the overlap.
 * ===================================================================== */
.pdfraj-hdr {
	position: sticky; top: 0; z-index: 200;
	background: rgba(255,255,255,0.93);
	-webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
	border-bottom: 1px solid #eaecf5;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	color: #0c0f1c;
}
.pdfraj-hdr-wrap { max-width: 1216px; margin: 0 auto; padding: 0 40px; }
.pdfraj-hdr-in { display: flex; align-items: center; height: 68px; gap: 0; }

/* Logo */
.pdfraj-logo {
	display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; margin-right: 36px;
	font-family: "Epilogue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 23px; font-weight: 800; letter-spacing: -0.5px; color: #0c0f1c; text-decoration: none;
}
.pdfraj-logo-mark {
	width: 30px; height: 30px; flex-shrink: 0; border-radius: 8px;
	background: #5247dc; display: inline-flex; align-items: center; justify-content: center;
}
.pdfraj-logo-mark svg { width: 18px; height: 18px; display: block; }
.pdfraj-logo-img { height: 30px; width: auto; display: block; }
.pdfraj-logo:hover { color: #0c0f1c; }

/* Primary nav links */
.pdfraj-hdr-nav { display: flex; align-items: center; gap: 6px; flex: 1; }
.pdfraj-hdr-link {
	position: relative; font-size: 15px; color: #475070; text-decoration: none;
	padding: 7px 13px; border-radius: 8px; white-space: nowrap; transition: color 0.15s, background 0.15s;
}
.pdfraj-hdr-link:hover { color: #0c0f1c; background: #f5f6fa; }
.pdfraj-hdr-link::after {
	content: ''; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px;
	background: #5247dc; border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform 0.18s ease;
}
.pdfraj-hdr-link:hover::after { transform: scaleX(1); }
.pdfraj-hdr-link.is-current { color: #5247dc; font-weight: 500; }
.pdfraj-hdr-link.is-current::after { transform: scaleX(1); }

/* All Tools mega */
.pdfraj-mega-wrap { position: relative; display: flex; align-items: center; margin-left: auto; padding-left: 22px; border-left: 1.5px solid #e1e4ef; }
.pdfraj-mega-btn {
	display: inline-flex; align-items: center; gap: 7px; position: relative; overflow: hidden;
	font: inherit; font-size: 14px; font-weight: 600; line-height: 1; color: #fff; cursor: pointer; white-space: nowrap;
	padding: 9px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2);
	background: linear-gradient(135deg, #5247dc, #6d5bff);
	box-shadow: 0 8px 22px rgba(82,71,220,0.26), inset 0 1px 0 rgba(255,255,255,0.22);
	transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
}
.pdfraj-mega-btn:hover, .pdfraj-mega-wrap.is-open .pdfraj-mega-btn {
	background: linear-gradient(135deg, #4035c8, #6d5bff); transform: translateY(-1px);
	box-shadow: 0 12px 30px rgba(82,71,220,0.36), inset 0 1px 0 rgba(255,255,255,0.24);
}
.pdfraj-mega-grid { width: 24px; height: 24px; padding: 5px; border-radius: 7px; background: rgba(255,255,255,0.16); flex-shrink: 0; }
.pdfraj-mega-chev { width: 13px; height: 13px; flex-shrink: 0; transition: transform 0.22s; }
.pdfraj-mega-wrap.is-open .pdfraj-mega-chev { transform: rotate(180deg); }

.pdfraj-mega-ov { position: fixed; inset: 0; z-index: 198; display: none; }
.pdfraj-mega-wrap.is-open .pdfraj-mega-ov { display: block; }
.pdfraj-mega-panel {
	position: fixed; top: 68px; left: 0; right: 0; z-index: 199;
	background: #fff; border-top: 3px solid #5247dc; border-bottom: 1px solid #e1e4ef;
	box-shadow: 0 16px 56px rgba(12,15,28,0.13);
	opacity: 0; visibility: hidden; transform: translateY(-6px); pointer-events: none;
	transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
	max-height: calc(100vh - 68px); overflow-y: auto;
}
.pdfraj-mega-wrap.is-open .pdfraj-mega-panel { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
/* Masonry-style pack: category blocks FLOW into balanced columns and fill the
 * vertical space, instead of a rigid grid whose row height aligns to the tallest
 * category (which left big gaps under short ones like Compress). break-inside:avoid
 * keeps each category (heading + its tools) together in one column. */
.pdfraj-mega-inner {
	max-width: 1216px; margin: 0 auto; padding: 24px 40px;
	column-count: 5; column-gap: 10px; column-fill: balance;
}
.pdfraj-mega-col {
	break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;
	padding: 8px 6px 10px; min-width: 0; margin-bottom: 6px;
}
.pdfraj-mega-cat { font-size: 10px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: #8892b0; margin-bottom: 12px; padding: 0 6px; }
.pdfraj-mega-item {
	display: flex; align-items: center; gap: 9px; padding: 6px 7px; border-radius: 8px;
	text-decoration: none; font-size: 13px; color: #0c0f1c; transition: background 0.12s;
}
.pdfraj-mega-item:hover { background: color-mix(in srgb, var(--tc, #5247dc) 9%, transparent); }
.pdfraj-mega-item:hover .pdfraj-mega-nm { color: #5247dc; }
/* Colored icon tile (old tool-section style): soft fill mixed from the
 * category colour set on the column (--tc). */
.pdfraj-mega-ic {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px;
	background: color-mix(in srgb, var(--tc, #5247dc) 14%, transparent);
	color: var(--tc, #5247dc);
}
.pdfraj-mega-ic svg { width: 16px; height: 16px; display: block; }
.pdfraj-mega-item.is-soon .pdfraj-mega-ic { background: #eceef3; color: #aab0be; }
.pdfraj-mega-nm { font-size: 13px; color: #0c0f1c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.12s; min-width: 0; }
.pdfraj-mega-item.is-current { background: rgba(82,71,220,0.08); }
.pdfraj-mega-item.is-current .pdfraj-mega-nm { color: #5247dc; font-weight: 600; }
.pdfraj-mega-item.is-soon { cursor: default; opacity: 0.6; }
.pdfraj-mega-item.is-soon:hover { background: transparent; }
.pdfraj-mega-soon, .pdfraj-mega-new {
	margin-left: auto; flex-shrink: 0; font-size: 9px; font-weight: 700; letter-spacing: 0.04em;
	text-transform: uppercase; padding: 2px 6px; border-radius: 999px;
}
.pdfraj-mega-soon { background: #eceef3; color: #9aa0ad; }
.pdfraj-mega-new { background: rgba(82,71,220,0.14); color: #5247dc; }

@media (max-width: 900px) {
	.pdfraj-hdr-wrap { padding: 0 18px; }
	.pdfraj-logo { margin-right: 16px; }
	/* Collapse the text links; the logo + All Tools (full catalog) remain. */
	.pdfraj-hdr-link { display: none; }
	.pdfraj-mega-wrap { border-left: 0; padding-left: 0; }
	.pdfraj-mega-inner { padding: 18px; }
}
/* Responsive column count (decreasing max-width order so the narrowest match wins). */
@media (max-width: 1180px) { .pdfraj-mega-inner { column-count: 5; } }
@media (max-width: 1000px) { .pdfraj-mega-inner { column-count: 4; } }
@media (max-width: 820px)  { .pdfraj-mega-inner { column-count: 3; } }
@media (max-width: 620px)  { .pdfraj-mega-inner { column-count: 2; } }

/* Announcement bar (#49). Above the header, full width, dismissible.
   Rendered visible and hidden by script, so a reader with no JavaScript sees
   the announcement rather than never seeing one. */
.pdfraj-annc {
	background: var(--pp-accent, #1d5fa8);
	color: #fff;
	font-size: .875rem;
	line-height: 1.45;
}
.pdfraj-annc-in {
	max-width: 1180px;
	margin: 0 auto;
	padding: .55rem 2.6rem .55rem 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: .2rem .7rem;
	align-items: baseline;
	justify-content: center;
	position: relative;
}
.pdfraj-annc-link {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
	white-space: nowrap;
}
.pdfraj-annc-x {
	position: absolute;
	right: .35rem;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: 0;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1;
	padding: .2rem .5rem;
	cursor: pointer;
	opacity: .8;
	border-radius: 4px;
}
.pdfraj-annc-x:hover { opacity: 1; background: rgba(255, 255, 255, .15); }
.pdfraj-annc-x:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.pdfraj-annc[hidden] { display: none !important; }