/* PathJeevani Story Archives — theme fonts, brand colors */
.pja {
	--pj-blue: #456E8F; --pj-slate: #54758E; --pj-slate-dark: #3F5A70; --pj-gold: #EDC558;
	--pj-bg: #F4F3F3; --pj-card: #FFFFFF; --pj-ink: #000000; --pj-text: #4A4A4A; --pj-muted: #6F6F6F; --pj-line: #E2E1E1;
	background: var(--pj-bg); color: var(--pj-text); padding-bottom: 56px;
}
.pja a { text-decoration: none; }
.pja *:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }

/* Hero */
.pja-hero {
	position: relative; isolation: isolate; overflow: hidden;
	min-height: 260px; display: flex; align-items: flex-end;
	padding: 72px 20px 36px; box-sizing: border-box;
	background: var(--pja-hero, none) center / cover no-repeat, linear-gradient(135deg, #1F3550, #54758E);
}
.pja-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15,25,35,.25) 0%, rgba(15,25,35,.78) 100%); }
.pja-hero--plain { min-height: 220px; background: linear-gradient(135deg, #1F3550 0%, #3F5A70 60%, #54758E 100%); }
.pja-hero--plain::after { background: none; }
.pja-hero__in { width: 100%; max-width: 1200px; margin: 0 auto; color: #FFFFFF; }
.pja-crumbs { display: flex; gap: 8px; font-size: 13px; opacity: .9; margin-bottom: 8px; }
.pja-crumbs a { color: #FFFFFF; }
.pja-crumbs a:hover { text-decoration: underline; }
.pja .pja-hero__title { margin: 0 0 8px; color: #FFFFFF !important; font-size: clamp(26px, 3vw, 38px) !important; line-height: 1.25 !important; }
.pja-hero__desc { margin: 0 0 12px; max-width: 640px; color: #EEF2F6; }
.pja-hero__count { display: inline-block; margin: 0; padding: 4px 12px; border-radius: 14px; background: rgba(255,255,255,.18); color: #FFFFFF; font-size: 13px; }

.pja-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/* Toolbar (sticky) */
.pja-toolbar-wrap {
	position: sticky; top: var(--pja-top, 0px); z-index: 50;
	margin: -26px 0 28px; transition: transform .25s ease;
}
.pja-toolbar-wrap.is-hidden { transform: translateY(calc(-100% - var(--pja-top, 0px) - 10px)); }
.pja-toolbar {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
	padding: 10px 12px; background: var(--pj-card); border-radius: 8px; box-shadow: 0 4px 18px rgba(0,0,0,.08);
}
.pja-toolbar-wrap.is-stuck .pja-toolbar { box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

.pja-search { position: relative; flex: 1 1 220px; min-width: 180px; display: flex; align-items: center; }
.pja-search svg { position: absolute; left: 12px; color: var(--pj-muted); pointer-events: none; }
.pja-search svg { z-index: 1; }
.pja .pja-search input[type="search"] {
	width: 100%; height: 42px; margin: 0; padding: 0 12px 0 38px !important; box-sizing: border-box;
	border: 1px solid var(--pj-line); border-radius: 6px; font: inherit; line-height: normal; box-shadow: none;
	background: var(--pj-card); -webkit-appearance: none; appearance: none;
}
.pja .pja-search input[type="search"]::-webkit-search-decoration,
.pja .pja-search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.pja .pja-search input[type="search"]:focus { border-color: var(--pj-slate); }

.pja-filters { display: flex; align-items: flex-end; gap: 10px; }
.pja-filters__title { display: none; }
.pja-select { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.pja-select span { font-size: 11px; color: var(--pj-muted); line-height: 1.2; }
/* One caret only: remove the native + theme arrows, draw our own */
.pja .pja-select select {
	-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
	min-width: 130px; max-width: 100%; height: 42px; margin: 0; padding: 0 34px 0 12px; box-sizing: border-box;
	border: 1px solid var(--pj-line); border-radius: 6px; box-shadow: none; font: inherit; font-weight: 500; line-height: normal; color: var(--pj-ink); cursor: pointer;
	background-color: var(--pj-card) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236F6F6F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 14px 14px !important;
	text-overflow: ellipsis;
}
.pja .pja-select select::-ms-expand { display: none; }
.pja-select::after, .pja-select::before { content: none !important; }
.pja .pja-select select:hover, .pja .pja-select select:focus { border-color: var(--pj-slate); }
.pja-filters__actions { display: flex; align-items: center; }
.pja-filters__apply { display: none; }
.pja-filters__reset { font-size: 13px; color: var(--pj-blue); font-weight: 600; padding: 0 4px 12px; }
.pja-filters-btn { display: none; }

.pja-dd { position: relative; }
.pja-dd__btn {
	display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px;
	border: 1px solid var(--pj-line); border-radius: 6px; background: var(--pj-card); color: var(--pj-ink);
	font: inherit; font-weight: 600; cursor: pointer;
}
.pja-dd__btn:hover { border-color: var(--pj-slate); }
.pja-dd__caret { transition: transform .15s; }
.pja-dd.is-open .pja-dd__caret { transform: rotate(180deg); }
.pja-dd__menu {
	position: absolute; top: calc(100% + 6px); left: 0; width: 320px; max-width: calc(100vw - 40px);
	padding: 8px; background: var(--pj-card); border: 1px solid var(--pj-line); border-radius: 8px;
	box-shadow: 0 12px 32px rgba(0,0,0,.14);
}
.pja-dd__search { width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; margin-bottom: 6px; border: 1px solid var(--pj-line); border-radius: 6px; font: inherit; }
.pja-dd__list { list-style: none; margin: 0; padding: 0; max-height: 300px; overflow-y: auto; }
.pja-dd__item { display: flex; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 5px; color: var(--pj-ink); }
.pja-dd__item span { color: var(--pj-muted); font-size: 13px; }
.pja-dd__item:hover, .pja-dd__item.is-current { background: var(--pj-bg); }
.pja-dd__item.is-current { font-weight: 600; color: var(--pj-blue); }
.pja-dd__item.is-child { padding-left: 24px; }
.pja-dd__empty { margin: 8px 10px; color: var(--pj-muted); font-size: 13px; }
.pja-dd__all { display: block; margin-top: 6px; padding: 9px 10px; border-top: 1px solid var(--pj-line); color: var(--pj-blue); font-weight: 600; font-size: 14px; }

.pja-tabs { display: flex; gap: 4px; padding: 3px; background: var(--pj-bg); border-radius: 8px; }
.pja-tab { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; padding: 0 16px; border-radius: 6px; color: var(--pj-muted); font-weight: 500; font-size: 14px; }
.pja-tab:hover { color: var(--pj-ink); }
.pja-tab.is-on { background: var(--pj-card); color: var(--pj-ink); font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,.08); }

.pja-dd--type { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.pja-dd__caption { font-size: 13px; color: var(--pj-muted); }
.pja-dd__menu--right { left: auto; right: 0; width: 200px; }

/* Theme-proof: no theme arrows/pseudo-icons on our filter labels, wrappers or toolbar */
.pja .pja-toolbar::before, .pja .pja-toolbar::after,
.pja .pja-filters::before, .pja .pja-filters::after,
.pja .pja-search::before, .pja .pja-search::after, .pja .pja-search *::before, .pja .pja-search *::after,
.pja .pja-select::before, .pja .pja-select::after, .pja .pja-select *::before, .pja .pja-select *::after {
	content: none !important; display: none !important; background: none !important;
}
.pja .pja-search, .pja .pja-select, .pja .pja-select__cap { background-image: none !important; }
.pja .pja-select__cap { display: block; padding: 0; margin: 0; border: 0; }

/* Custom select menus (built by JS; replaces the theme-styled native <select>) */
.pja-select.is-enhanced select {
	position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important;
	opacity: 0 !important; pointer-events: none !important; overflow: hidden !important;
}
.pja-select.is-enhanced { position: relative; }
.pja .pja-sel { position: relative; }
.pja .pja-sel__btn {
	display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box;
	min-width: 132px; width: 100%; height: 42px; margin: 0; padding: 0 12px;
	border: 1px solid var(--pj-line); border-radius: 6px; background: var(--pj-card); color: var(--pj-ink);
	font: inherit; font-weight: 500; line-height: 1; text-align: left; text-transform: none; letter-spacing: normal;
	box-shadow: none; cursor: pointer; white-space: nowrap;
}
.pja .pja-sel__btn:hover, .pja .pja-sel.is-open .pja-sel__btn { border-color: var(--pj-slate); background: var(--pj-card); color: var(--pj-ink); }
.pja .pja-sel__caret { flex: 0 0 auto; color: var(--pj-muted); transition: transform .15s; }
.pja .pja-sel.is-open .pja-sel__caret { transform: rotate(180deg); }
.pja .pja-sel__menu {
	position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; min-width: 100%; max-height: 260px; overflow-y: auto;
	padding: 6px; box-sizing: border-box; background: var(--pj-card); border: 1px solid var(--pj-line); border-radius: 8px;
	box-shadow: 0 12px 32px rgba(0,0,0,.14);
}
.pja .pja-sel__menu[hidden] { display: none; }
.pja .pja-filters .pja-select:last-of-type .pja-sel__menu { left: auto; right: 0; }
.pja .pja-sel__opt {
	display: block; width: 100%; margin: 0; padding: 9px 12px; border: 0; border-radius: 5px; background: transparent;
	color: var(--pj-ink); font: inherit; font-weight: 400; line-height: 1.3; text-align: left; text-transform: none;
	letter-spacing: normal; box-shadow: none; white-space: nowrap; cursor: pointer;
}
.pja .pja-sel__opt:hover, .pja .pja-sel__opt:focus-visible { background: var(--pj-bg); color: var(--pj-ink); }
.pja .pja-sel__opt.is-current { color: var(--pj-blue); font-weight: 600; }

/* Results + Load more */
.pja-results { transition: opacity .15s; }
.pja-results[aria-busy="true"] { opacity: .45; pointer-events: none; }
.pja-results__note { margin: 0 0 16px; color: var(--pj-muted); }
.pja-more { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 36px; }
.pja-more__count { margin: 0; font-size: 14px; color: var(--pj-muted); }
.pja-more__btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 28px;
	border: 1.5px solid var(--pj-slate); border-radius: 24px; background: var(--pj-card); color: var(--pj-slate) !important; font-weight: 600;
}
.pja-more__btn:hover { background: var(--pj-slate); color: #FFFFFF !important; }
.pja-more__btn.is-loading { opacity: .6; pointer-events: none; }
.pja-more__end { margin: 0; font-weight: 600; color: var(--pj-ink); }

/* Featured (latest) */
.pja-feat { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); background: var(--pj-card); border-radius: 10px; overflow: hidden; margin-bottom: 28px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.pja-feat__img { position: relative; display: block; min-height: 320px; background: var(--pj-bg); }
.pja-feat__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pja-feat__body { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 28px 32px; }
.pja-badge { align-self: flex-start; padding: 2px 10px; border-radius: 12px; background: #FBF1CF; color: #5C4700; font-size: 12px; font-weight: 600; }
.pja .pja-feat__title { margin: 0; font-size: clamp(20px, 2vw, 26px) !important; line-height: 1.35 !important; }
.pja-feat__title a { color: var(--pj-ink); }
.pja-feat__title a:hover { color: var(--pj-blue); }
.pja-feat__excerpt { margin: 0; color: var(--pj-text); }

/* Grid + cards */
.pja-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pja-card { display: flex; flex-direction: column; background: var(--pj-card); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.05); transition: box-shadow .2s, transform .2s; }
.pja-card:hover { box-shadow: 0 8px 22px rgba(0,0,0,.09); transform: translateY(-2px); }
.pja-card__img { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--pj-bg); overflow: hidden; }
.pja-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pja-card__body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.pja-cat { align-self: flex-start; padding: 2px 8px; border-radius: 4px; background: var(--pj-slate); color: #FFFFFF !important; font-size: 12px; }
.pja-cat:hover { background: var(--pj-slate-dark); }
.pja .pja-card__title, .pja .pja-card__title a {
	margin: 0; font-size: 16px !important; line-height: 1.45 !important; font-weight: 600;
}
.pja-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-height: 2.9em; }
.pja-card__title a { color: var(--pj-ink); }
.pja-card:hover .pja-card__title a { color: var(--pj-blue); }
.pja-card__excerpt { margin: 0; font-size: 14px; line-height: 1.5; color: var(--pj-text); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.pja-card__meta { margin: auto 0 0; padding-top: 10px; border-top: 1px solid var(--pj-line); font-size: 13px; color: var(--pj-muted); }
.pja-feat .pja-card__meta { margin-top: 4px; }
.pja-vtag { display: inline-flex; align-items: center; gap: 3px; color: #5C4700; font-weight: 600; }

.pja-play { position: absolute; left: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-left: 2px; box-sizing: border-box; background: rgba(0,0,0,.65); color: #FFFFFF; }
.pja-play--lg { left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: 64px; height: 64px; background: rgba(255,255,255,.95); color: #141414; }

/* Pagination */
.pja-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 36px; }
.pja-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; box-sizing: border-box; border-radius: 20px; background: var(--pj-card); color: var(--pj-ink); font-weight: 600; }
.pja-pagination .page-numbers:hover { background: #E9EEF2; }
.pja-pagination .page-numbers.current { background: var(--pj-slate); color: #FFFFFF; }
.pja-pagination .dots { background: transparent; }

/* Empty */
.pja-empty { padding: 48px 20px; text-align: center; background: var(--pj-card); border-radius: 8px; }
.pja-empty__title { margin: 0 0 8px; font-weight: 600; color: var(--pj-ink); }
.pja-empty a { color: var(--pj-blue); font-weight: 600; }

/* All Topics page */
.pja-topics-search { position: relative; z-index: 5; display: flex; gap: 12px; align-items: center; justify-content: space-between; margin: -26px 0 28px; padding: 10px 12px; background: var(--pj-card); border-radius: 8px; box-shadow: 0 4px 18px rgba(0,0,0,.08); }
.pja-topics-search__input { flex: 1; max-width: 420px; height: 42px; padding: 0 14px; border: 1px solid var(--pj-line); border-radius: 6px; font: inherit; }
.pja-topics-search__all { color: var(--pj-blue); font-weight: 600; white-space: nowrap; }
.pja-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pja-topic { display: flex; flex-direction: column; background: var(--pj-card); border-radius: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.pja-topic[hidden] { display: none; }
.pja-topic__img { position: relative; display: flex; align-items: flex-end; min-height: 150px; padding: 16px; background: linear-gradient(135deg, #1F3550, #54758E) center / cover no-repeat; isolation: isolate; }
.pja-topic__img::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15,25,35,.1), rgba(15,25,35,.75)); }
.pja-topic__name { color: #FFFFFF; font-size: 20px; font-weight: 700; line-height: 1.3; }
.pja-topic__body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.pja-topic__count { margin: 0; font-size: 13px; color: var(--pj-muted); }
.pja-topic__desc { margin: 0; font-size: 14px; }
.pja-topic__latest { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pj-line); }
.pja-topic__latest li { border-bottom: 1px solid var(--pj-line); }
.pja-topic__latest a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; padding: 8px 0; color: var(--pj-ink); font-size: 14px; }
.pja-topic__latest a:hover { color: var(--pj-blue); }
.pja-vdot { display: inline-flex; width: 16px; height: 16px; margin-right: 6px; border-radius: 50%; align-items: center; justify-content: center; background: var(--pj-slate); color: #FFFFFF; vertical-align: -3px; }
.pja-topic__go { margin-top: auto; padding-top: 6px; color: var(--pj-blue); font-weight: 600; font-size: 14px; }

/* Video stories: reel cards (9:16), like the homepage Video Stories */
.pja-reels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pja-reel__link { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; background: #1F3550; color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.pja-reel__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.pja-reel__link:hover .pja-reel__img { transform: scale(1.04); }
.pja-reel__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.1) 48%, rgba(0,0,0,.28) 100%); }
.pja-reel__cat { position: absolute; top: 14px; left: 14px; padding: 2px 8px; border-radius: 4px; background: var(--pj-slate); color: #FFFFFF; font-size: 12px; }
.pja-reel__play {
	position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%);
	width: 70px; height: 70px; border-radius: 50%; padding-left: 3px; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.25); border: 2px solid rgba(255,255,255,.9); color: #FFFFFF;
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	box-shadow: 0 4px 16px rgba(0,0,0,.3); transition: background-color .3s, color .3s, transform .3s;
}
.pja-reel__link:hover .pja-reel__play { background: rgba(255,255,255,.95); color: #456d90; transform: translate(-50%, -50%) scale(1.1); }
.pja-reel__text { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.pja-reel__title { font-size: 16px; font-weight: 700; line-height: 1.4; color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.pja-reel__meta { font-size: 13px; color: rgba(255,255,255,.85); }

@media (prefers-reduced-motion: reduce) { .pja-card, .pja-dd__caret, .pja-reel__img, .pja-reel__play, .pja-toolbar-wrap, .pja-results { transition: none; } .pja-card:hover { transform: none; } }

@media (max-width: 1024px) {
	.pja-grid, .pja-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pja-reels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Small laptops / tablets landscape: topic + search on row 1, filters on row 2 */
@media (min-width: 901px) and (max-width: 1120px) {
	.pja-filters { flex: 1 1 100%; flex-wrap: wrap; }
	.pja-select { flex: 1 1 140px; }
	.pja-select select { width: 100%; }
	.pja-filters__actions { flex: 0 0 auto; }
	.pja-filters__reset { padding-bottom: 12px; }
}
@media (max-width: 900px) {
	.pja-dd--topic { flex: 1 1 100%; }
	.pja-dd--topic .pja-dd__btn { width: 100%; }
	.pja-dd--topic .pja-dd__caret { margin-left: auto; }
	.pja-search { flex: 1 1 0; min-width: 0; }
	.pja-filters-btn {
		display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px;
		border: 1px solid var(--pj-line); border-radius: 6px; background: var(--pj-card); font: inherit; font-weight: 600; color: var(--pj-ink); cursor: pointer;
	}
	.pja-filters-btn__n { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; border-radius: 9px; background: var(--pj-slate); color: #FFFFFF; font-size: 11px; }
	/* Filters open as a bottom sheet */
	.pja-filters {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000;
		flex-direction: column; align-items: stretch; gap: 14px;
		padding: 18px 16px calc(16px + env(safe-area-inset-bottom, 0px));
		background: var(--pj-card); border-radius: 16px 16px 0 0; box-shadow: 0 -8px 30px rgba(0,0,0,.18);
		transform: translateY(105%); visibility: hidden; transition: transform .25s ease, visibility .25s;
	}
	.pja-filters.is-open { transform: translateY(0); visibility: visible; }
	.pja-filters__title { display: block; margin: 0; font-weight: 700; color: var(--pj-ink); }
	.pja-select span { font-size: 13px; }
	.pja .pja-sel__btn { height: 46px; font-size: 16px; }
	.pja .pja-sel__menu, .pja .pja-filters .pja-select:last-of-type .pja-sel__menu { position: static; left: auto; right: auto; margin-top: 6px; max-height: 210px; box-shadow: none; }
	.pja .pja-sel__opt { padding: 12px; font-size: 16px; }
	.pja .pja-select select { width: 100%; height: 46px; }
	.pja-filters__actions { justify-content: space-between; gap: 12px; }
	.pja-filters__reset { padding: 0; }
	.pja-filters__apply { display: inline-flex; align-items: center; justify-content: center; flex: 1; height: 46px; border: 0; border-radius: 23px; background: var(--pj-slate); color: #FFFFFF; font: inherit; font-weight: 600; cursor: pointer; }
	html.pja-sheet-open::after { content: ""; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.4); }
	html.pja-sheet-open .pja-toolbar-wrap { z-index: 10001; transform: none; }
}
@media (max-width: 700px) {
	.pja-hero { min-height: 200px; padding: 48px 16px 40px; }
	.pja-wrap { padding: 0 16px; }
	.pja-topics-search { flex-direction: column; align-items: stretch; }
	/* Topic list opens as a bottom sheet on phones */
	.pja-dd__menu { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: auto; max-width: none; border-radius: 14px 14px 0 0; padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 9999; }
	.pja-dd__list { max-height: 55vh; }
	.pja-dd.is-open::before { content: ""; position: fixed; inset: 0; z-index: 9998; background: rgba(0,0,0,.4); }
	.pja-feat { grid-template-columns: 1fr; }
	.pja-feat__img { min-height: 210px; }
	.pja-feat__body { padding: 18px; }
	.pja-grid, .pja-topics { grid-template-columns: 1fr; gap: 18px; }
	.pja-reels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.pja-reel__play { width: 52px; height: 52px; }
	.pja-reel__title { font-size: 14px; }
	.pja-topics-search__input { max-width: none; }
	.pja-toolbar-wrap { margin: -22px 0 20px; }
	.pja-toolbar { gap: 8px; padding: 10px; }
	/* 16px inputs stop iOS from zooming on focus */
	.pja .pja-search input[type="search"], .pja .pja-select select { font-size: 16px; }
	.pja-filters-btn { flex: 0 0 auto; }
	.pja-dd--type { margin-left: 0; }
}
@media (max-width: 380px) {
	.pja-filters-btn { padding: 0 10px; }
	.pja-hero__title { font-size: 24px !important; }
}

/* Desktop / tablet: no small captions above Sort, Month, Story type - one clean row.
   (Kept for screen readers; the phone Filters sheet still shows them.) */
@media (min-width: 901px) {
	.pja .pja-select .pja-select__cap {
		position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
		clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
	}
	.pja .pja-select { gap: 0; }
	.pja .pja-filters { align-items: center; }
	.pja .pja-filters__reset { padding: 0 4px; }
}