/* ==================================================================
   POSTORIE COMPANY HUB -- DESIGN SYSTEM v2
   Rebuilt for a professional, SaaS-grade surface (Stripe / Linear / LinkedIn
   reference). Every value is a token; no ad-hoc colours in markup.

   Fixes vs v1:
   * Cards had a heavy 3px lift + hard shadow -> now a restrained 1px hairline,
     layered soft shadow, 2px lift. Reads premium instead of "bootstrap demo".
   * Grids used fixed column counts -> now auto-fit + minmax so cards never
     squash on tablets or stretch absurdly on 4K.
   * Card internals had no vertical rhythm -> consistent spacing scale.
   * Mobile: hero, tabs, job rows, people rows, filters and modals all had
     overflow/clipping issues. All now use grid + min-w-0 + truncation.
   ================================================================== */

.pch-root{
	/* Brand ink -- matches postorie-dashboard-hub (pv17) exactly */
	--pch-ink:#0F1B3D;
	--pch-ink-2:#16243E;
	--pch-ink-soft:#1E3A5F;
	--pch-muted:#64748B;
	--pch-muted-2:#94A3B8;

	/* Surfaces & lines */
	--pch-surface:#FFFFFF;
	--pch-surface-2:#F9FAFB;
	--pch-bg:#F6F7FB;
	--pch-line:#E5E9F0;
	--pch-line-soft:#F1F5F9;

	/* Accents -- gold kept only for the verified badge / premium chip;
	   hover & focus states now use ink, matching pv17 (no gold hover in pv17) */
	--pch-accent:#0F1B3D;
	--pch-accent-hover:#16243E;
	--pch-accent-soft:#F1F5F9;
	--pch-gold:#B08933;
	--pch-gold-soft:#FBF4E6;
	--pch-gold-line:#EBDCB9;
	--pch-success:#16A34A;
	--pch-success-soft:#ECFDF5;
	--pch-warn:#D97706;
	--pch-warn-soft:#FFFBEB;
	--pch-danger:#DC2626;
	--pch-danger-soft:#FEF2F2;
	--pch-hover:var(--pch-ink-2);
	--pch-hover-soft:var(--pch-accent-soft);

	/* Radii -- matches pv17 family */
	--pch-r-xs:8px;
	--pch-r-sm:10px;
	--pch-r:14px;
	--pch-r-lg:18px;
	--pch-r-xl:24px;
	--pch-r-pill:999px;

	/* Shadows -- pv17 uses a single layered shadow + ring; kept as a 4-step
	   scale here so existing sh-xs/sm/md/lg references still resolve, but
	   values now derive from the same pv17 shadow recipe. */
	--pch-sh-xs:0 1px 2px rgba(15,27,61,.04);
	--pch-sh-sm:0 1px 2px rgba(15,27,61,.04), 0 8px 24px rgba(15,27,61,.06);
	--pch-sh-md:0 1px 2px rgba(15,27,61,.04), 0 8px 24px rgba(15,27,61,.06);
	--pch-sh-lg:0 4px 8px rgba(15,27,61,.05), 0 24px 56px rgba(15,27,61,.14);
	--pch-ring:0 0 0 3px rgba(15,27,61,.10);

	/* Spacing scale */
	--pch-s1:.35rem; --pch-s2:.6rem; --pch-s3:.9rem; --pch-s4:1.25rem;
	--pch-s5:1.75rem; --pch-s6:2.5rem;

	--pch-font-display:inherit;
	--pch-font-body:inherit;
	--pch-max:1240px;

	font-family:var(--pch-font-body);
	color:#0E1729;
	background:var(--pch-bg);
	font-size:15px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}
.pch-root *,.pch-root *::before,.pch-root *::after{box-sizing:border-box;min-width:0}
.pch-root img{max-width:100%;height:auto}
.pch-root a,.pch-root button,.pch-root input,.pch-root select,.pch-root textarea{touch-action:manipulation}
.pch-root :where(a,button,input[type="submit"],input[type="button"]):focus-visible{outline:2px solid var(--pch-ink-2);outline-offset:3px}
.pch-root :where(input,select,textarea){max-width:100%}
.pch-root :where(.pch-card,.pch-panel,.pch-modal-box){overflow-wrap:anywhere}
@media(max-width:520px){
	.pch-root .pch-modal-box{max-height:calc(100vh - 2rem);overflow-y:auto}
	.pch-root :where(.pch-btn,.pch-icon-btn){min-height:44px}
}
@media(prefers-reduced-motion:reduce){
	.pch-root *, .pch-root *::before, .pch-root *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ── Typography ───────────────────────────────────────────── */
.pch-root h1,.pch-root h2,.pch-root h3,.pch-root h4{
	font-family:var(--pch-font-display);font-weight:700;letter-spacing:-.02em;
	margin:0;color:var(--pch-ink);text-wrap:balance;
}
.pch-root h1{font-size:clamp(1.75rem,1.15rem + 2.4vw,2.75rem);line-height:1.08}
.pch-root h2{font-size:clamp(1.35rem,1.05rem + 1.1vw,1.9rem);line-height:1.18}
.pch-root h3{font-size:clamp(1.05rem,.95rem + .45vw,1.25rem);line-height:1.3}
.pch-root p{margin:0 0 .7rem}
.pch-root p:last-child{margin-bottom:0}
.pch-root a{color:inherit;text-decoration:none;transition:color .15s ease}
.pch-root a:hover{color:var(--pch-ink-2)}
.pch-root :focus-visible{outline:2px solid var(--pch-ink-2);outline-offset:2px;border-radius:6px}
.pch-muted{color:var(--pch-muted);font-size:.875rem}
.pch-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.pch-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pch-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pch-icon,.pch-root .pv17-icon,.pch-root svg[class*='icon']{vertical-align:-2px;flex:none}

/* ── Layout ───────────────────────────────────────────────── */
.pch-wrap{max-width:var(--pch-max);margin:0 auto;padding:0 clamp(14px,3vw,32px);width:100%}
.pch-section{padding:clamp(1.25rem,3vw,2.25rem) 0 clamp(3rem,6vw,5rem)}

/* Auto-fit grids: cards keep a sane minimum width at every viewport. */
.pch-grid{display:grid;gap:clamp(.9rem,2vw,1.25rem);grid-template-columns:1fr}
.pch-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.pch-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.pch-grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
@media(min-width:1280px){.pch-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Main + sidebar -- same two-column contract as pv17-container */
.pch-cols{display:grid;gap:clamp(16px,2.4vw,28px);grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:900px){
	.pch-cols{grid-template-columns:minmax(0,1fr) clamp(240px,26vw,330px)}
	.pch-cols>aside{position:sticky;top:24px}
}
.pch-panel{display:none}
.pch-panel.is-active{display:block;animation:pch-fade .24s ease}
@keyframes pch-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pch-panel.is-active{animation:none}}

/* Section headers (title + action) -- grid so long titles never push the button off-screen */
.pch-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;margin-bottom:var(--pch-s4)}
@media(max-width:520px){.pch-head{grid-template-columns:minmax(0,1fr)}.pch-head>:last-child{justify-self:stretch}.pch-head .pch-btn{width:100%;justify-content:center}}

/* ── Card ─────────────────────────────────────────────────── */
.pch-card{
	background:var(--pch-surface);
	border:1px solid var(--pch-line);
	border-radius:var(--pch-r);
	box-shadow:var(--pch-sh-xs);
	padding:clamp(1rem,2vw,1.35rem);
	transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
	position:relative;
	min-width:0;
}
.pch-card:hover{box-shadow:var(--pch-sh-md);transform:translateY(-2px);border-color:#D8DEEA}
.pch-card>h3:first-child{margin-bottom:.65rem}
.pch-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:auto;padding-top:.75rem}
.pch-flash{animation:pch-flash 1.4s ease}
@keyframes pch-flash{0%{box-shadow:0 0 0 0 rgba(176,137,51,.45)}40%{box-shadow:0 0 0 6px rgba(176,137,51,.14)}100%{box-shadow:var(--pch-sh-xs)}}
.pch-leaving{opacity:0;transform:scale(.97);transition:opacity .2s ease,transform .2s ease;pointer-events:none}

/* MNC Compact & Sleek Article Card Refinements */
.pch-postcard .pv17-card-media {
	height:165px;
}
@media (max-width: 640px) {
	.pch-postcard .pv17-card-media {
		height:180px;
	}
}
.pch-postcard .pv17-card-body {
	padding:1rem 1.15rem;
}
.pch-postcard h3 {
	font-size:1.05rem;
	line-height:1.35;
	margin-bottom:8px;
}
.pch-postcard .pv17-card-excerpt {
	font-size:0.835rem;
	line-height:1.45;
	margin-bottom:12px;
}

/* ── Substack/Notion-Grade Ultra-Smooth Entrance Animations & Micro-Interactions ── */
.pch-postcard, .pch-card {
	transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, opacity 0.2s ease;
}
.pch-postcard:hover, .pch-card:hover {
	transform:translatey(-3px) scale(1.002);
	box-shadow:0 10px 25px -5px rgba(15, 27, 61, 0.08), 0 8px 10px -6px rgba(15, 27, 61, 0.04);
}
.pch-grid > article {
	animation: pch-card-fade-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
@keyframes pch-card-fade-in {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.pch-filters .pch-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.pch-filters .pch-btn svg {
	flex-shrink: 0;
	display: block;
}
.pch-filters .pch-btn.is-active,
.pch-filters .pch-btn.is-active:visited,
.pch-filters .pch-btn.is-active:hover,
.pch-filters .pch-btn.is-active:focus,
.pch-filters .pch-btn.is-active:active {
	background:#0f1b3d;
	color:#ffffff;
	-webkit-text-fill-color:#ffffff;
	border-color:#0f1b3d;
	box-shadow:0 3px 10px rgba(15, 27, 61, 0.2);
}
.pch-filters .pch-btn.is-active svg,
.pch-filters .pch-btn.is-active svg * {
	color:#ffffff;
	fill:currentcolor;
	stroke:currentcolor;
}
.pch-filters .pch-btn.is-active .pch-chip-soft {
	background:rgba(255, 255, 255, 0.22);
	color:#ffffff;
	-webkit-text-fill-color:#ffffff;
}
#pch-feed {
	transition:opacity 0.22s ease, filter 0.22s ease;
}
#pch-feed.is-loading {
	opacity:0.45;
	filter:blur(1.5px);
}

/* Premium Subscribe & Export Buttons with White Icons */
.pch-btn-subscribe, .pch-btn-export {
	background:linear-gradient(135deg, #0f1b3d 0%, #1e293b 100%);
	color:#ffffff;
	-webkit-text-fill-color:#ffffff;
	border:none;
	box-shadow:0 4px 14px rgba(15, 27, 61, 0.22);
}
.pch-btn-subscribe svg, .pch-btn-export svg,
.pch-btn-subscribe svg *, .pch-btn-export svg * {
	color:#ffffff;
	fill:currentcolor;
	stroke:currentcolor;
}
.pch-btn-subscribe:hover, .pch-btn-export:hover {
	transform:translatey(-2px);
	box-shadow:0 6px 18px rgba(15, 27, 61, 0.3);
}

/* ── Phase 1: Category Creation & Standalone Templates CSS ── */
.pch-dropzone {
	border: 2px dashed #CBD5E1;
	border-radius: 12px;
	padding: 1.5rem;
	text-align: center;
	background: #F8FAFC;
	cursor: pointer;
	transition: all .2s ease;
}
.pch-dropzone:hover, .pch-dropzone.is-dragover {
	border-color: #0F1B3D;
	background: #F1F5F9;
}
.pch-word-meter {
	margin-top: .5rem;
	padding: .5rem .75rem;
	border-radius: 8px;
	background: #F1F5F9;
	font-size: .8rem;
	font-weight: 500;
}
.pch-word-bar {
	height: 6px;
	border-radius: 999px;
	background: #E2E8F0;
	overflow: hidden;
	margin-top: .4rem;
}
.pch-word-bar-fill {
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, #F59E0B 0%, #10B981 100%);
	transition: width .25s ease;
}
.pch-count-badge {
	display: none !important;
}

/* Standalone Showcase Detail Pages */
.pch-showcase-card {
	background: #FFFFFF;
	border-radius: 16px;
	border: 1px solid #E2E8F0;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	padding: clamp(1.25rem, 3vw, 2rem);
	margin-bottom: 2rem;
}
.pch-showcase-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	margin-bottom: 1.5rem;
}
.pch-showcase-gallery img {
	width: 100%;
	aspect-ratio: 16/10;
	object-fit: cover;
	border-radius: 12px;
}
.pch-specs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: .75rem;
	padding: 1rem;
	background: #F8FAFC;
	border-radius: 12px;
	margin: 1.25rem 0;
}
.pch-spec-item {
	display: flex;
	flex-direction: column;
	gap: .2rem;
}
.pch-spec-label {
	font-size: .75rem;
	text-transform: uppercase;
	color: #64748B;
	font-weight: 600;
}
.pch-spec-val {
	font-size: 1rem;
	font-weight: 700;
	color: #0F1B3D;
}

/* ── Buttons (Bullet-proof Text Color Lock) ── */
.pch-btn,
.pch-btn:visited,
.pch-btn:hover,
.pch-btn:focus,
.pch-btn:active,
.pch-btn:focus-visible {
	display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
	font-family:var(--pch-font-body);font-weight:600;font-size:.885rem;line-height:1.1;
	padding:.68rem 1.15rem;border-radius:999px;border:1px solid transparent;
	cursor:pointer;white-space:nowrap;text-decoration:none;
	box-shadow:var(--pch-sh-xs);
	transition:all .18s ease;
	-webkit-text-fill-color:currentcolor;
}
.pch-btn:hover{background:var(--pch-ink-2);color:#fff;-webkit-text-fill-color:#fff;box-shadow:var(--pch-sh-sm);transform:translateY(-1px)}
.pch-btn:active{transform:translateY(0);box-shadow:none}
.pch-btn:focus-visible{box-shadow:var(--pch-ring)}
.pch-btn[disabled],.pch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

.pch-btn-outline,.pch-btn-outline:visited{background:#fff;color:var(--pch-ink);-webkit-text-fill-color:var(--pch-ink);border-color:var(--pch-line)}
.pch-btn-outline:hover,.pch-btn-outline:focus,.pch-btn-outline:active{background:#f8fafc;border-color:var(--pch-ink);color:var(--pch-ink);-webkit-text-fill-color:var(--pch-ink);transform:translateY(-1px);box-shadow:var(--pch-sh-xs)}

.pch-btn-accent,.pch-btn-accent:visited{background:var(--pch-accent);color:#fff;-webkit-text-fill-color:#fff}
.pch-btn-accent:hover,.pch-btn-accent:focus,.pch-btn-accent:active{background:#1e293b;color:#fff;-webkit-text-fill-color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(15,27,61,.18)}

.pch-btn-ghost,.pch-btn-ghost:visited{background:transparent;color:var(--pch-muted);-webkit-text-fill-color:var(--pch-muted);padding:.45rem .7rem;box-shadow:none;border-color:transparent}
.pch-btn-ghost:hover,.pch-btn-ghost:focus,.pch-btn-ghost:active{background:var(--pch-accent-soft);color:var(--pch-ink);-webkit-text-fill-color:var(--pch-ink);box-shadow:none;transform:translateY(-1px)}

.pch-btn-danger,.pch-btn-danger:visited{background:var(--pch-danger-soft);color:var(--pch-danger);-webkit-text-fill-color:var(--pch-danger);border-color:transparent;box-shadow:none}
.pch-btn-danger:hover,.pch-btn-danger:focus,.pch-btn-danger:active,.pch-btn-danger-ghost:hover{background:#fee2e2;color:#b91c1c;-webkit-text-fill-color:#b91c1c;border-color:transparent;box-shadow:none;transform:none}

.pch-btn-xs{font-size:.775rem;padding:.42rem .75rem;gap:.3rem}
.pch-btn-block{width:100%;justify-content:center}
.pch-btn.is-on{background:var(--pch-accent-soft);color:var(--pch-ink-2);border-color:var(--pch-line)}

/* ── Chips ────────────────────────────────────────────────── */
.pch-chip{
	display:inline-flex;align-items:center;gap:.3rem;max-width:100%;
	font-size:.765rem;font-weight:600;letter-spacing:.005em;
	padding:.3rem .65rem;border-radius:999px;
	background:var(--pch-surface-2);border:1px solid var(--pch-line);color:var(--pch-ink-2);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pch-chip-soft{background:var(--pch-accent-soft);border-color:transparent;color:var(--pch-ink-soft)}
.pch-chip-accent{background:var(--pch-gold-soft);border-color:var(--pch-gold-line);color:var(--pch-gold)}
.pch-chip-hiring{background:var(--pch-success-soft);border-color:transparent;color:var(--pch-success)}
.pch-chip-premium{background:var(--pch-gold-soft);border-color:var(--pch-gold-line);color:var(--pch-gold)}
.pch-chip-warn{background:var(--pch-warn-soft);border-color:transparent;color:var(--pch-warn)}
.pch-badge-verified{color:var(--pch-gold);display:inline-flex}

/* ── Logo ─────────────────────────────────────────────────── */
.pch-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);flex:none}
.pch-logo img{width:100%;height:100%;object-fit:cover;display:block}
.pch-logo-fallback{font-family:var(--pch-font-body);font-weight:700;color:var(--pch-ink);line-height:1}
.pch-logo-sm{width:42px;height:42px}.pch-logo-sm .pch-logo-fallback{font-size:1.05rem}
.pch-logo-md{width:56px;height:56px;border-radius:var(--pch-r-xs)}.pch-logo-md .pch-logo-fallback{font-size:1.35rem}
.pch-logo-xl{width:clamp(88px,12vw,128px);height:clamp(88px,12vw,128px);border-radius:50%;border:4px solid #fff;box-shadow:0 6px 18px rgba(15,27,61,.15)}
.pch-logo-xl .pch-logo-fallback{font-size:clamp(1.9rem,4vw,2.5rem)}

/* ── Hero (mirrors pv17-cover / pv17-card / pv17-avatar exactly) ── */
.pch-hero{background:var(--pch-bg)}
.pch-cover{
	height:clamp(230px,34vw,420px);
	background:#16243E linear-gradient(135deg,#0F1B3D 0%,#1E3A5F 100%);
	background-size:cover;background-position:center;position:relative;overflow:hidden;
}
.pch-cover::after{
	content:'';position:absolute;inset:auto 0 0 0;height:clamp(40px,6vw,75px);
	background:linear-gradient(180deg,rgba(246,247,251,0),var(--pch-bg));pointer-events:none;
}
.pch-cover-actions, .pch-cover-edit{
	position: absolute;
	bottom: clamp(60px, 7vw, 75px);
	right: clamp(16px, 2.5vw, 24px);
	z-index: 999;
	display: flex;
	gap: 8px;
	align-items: center;
	pointer-events:auto;
}

.pch-hero > .pch-wrap,
.pch-hero-card{
	background:var(--pch-surface);border:1px solid var(--pch-line);border-radius:20px;
	padding:22px clamp(18px,3vw,28px) 16px;
	margin-top:clamp(-38px,-4.5vw,-46px);position:relative;z-index:1;
	box-shadow:0 10px 30px rgba(15,27,61,0.06);max-width:1180px;
}
.pch-hero-body{
	display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
	padding-top:0;padding-bottom:0;width:100%;box-sizing:border-box;
}
.pch-hero-left{
	display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 520px;flex-wrap:wrap;
}
.pch-hero-logo{position:relative;margin:0;flex-shrink:0;}
.pch-hero-info{min-width:0;flex:1 1 300px;}
.pch-hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.pch-hero-name{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--pch-font-body);font-weight:800;letter-spacing:-.02em;line-height:1.25;font-size:clamp(22px,2.8vw,30px);color:var(--pch-ink);margin:0;}
.pch-hero-tagline{color:var(--pch-muted);font-size:clamp(13.5px,1.5vw,14.5px);font-weight:500;margin:4px 0 6px;max-width:640px;line-height:1.45;}
.pch-hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;color:var(--pch-muted);font-size:13px;font-weight:600;}
.pch-hero-facts>span{display:inline-flex;align-items:center;gap:5px;}

/* Mobile Hero Responsiveness (< 768px) */
@media(max-width:767px){
	.pch-hero > .pch-wrap,
	.pch-hero-card{padding:20px 16px 20px;margin-top:-24px;}
	.pch-hero-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:0;width:100%;}
	.pch-hero-left{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;flex:0 0 auto;gap:10px;}
	.pch-hero-logo{margin:0 auto 6px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:10;}
	.pch-logo-xl{width:80px;height:80px;box-shadow:0 6px 18px rgba(15,27,61,.14);border:3px solid #ffffff;border-radius:18px;overflow:hidden;}
	.pch-hero-info{margin-top:2px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto;height:auto;min-height:0;}
	.pch-hero-info > div:first-child{justify-content:center;}
	.pch-hero-name{justify-content:center;text-align:center;font-size:22px;line-height:1.25;}
	.pch-hero-tagline{text-align:center;margin:4px auto 0 auto;font-size:13.5px;max-width:95%;}
	.pch-hero-facts{justify-content:center;margin-top:6px;font-size:12px;gap:8px;}
	/* Actions: Clean flex layout on mobile */
	.pch-hero-actions{
		display:flex;flex-wrap:wrap;
		align-items:center;justify-content:center;
		gap:8px;width:100%;margin-top:14px;
	}
	.pch-hero-actions > .pch-btn:not(.pch-btn-ghost) {
		flex:1 1 calc(50% - 8px);min-width:130px;
		justify-content:center;text-align:center;
		padding:9px 14px;font-size:13px;box-sizing:border-box;
	}
	.pch-hero-actions > .pch-btn-ghost {
		flex:0 0 auto;width:38px;height:38px;
		padding:0;border-radius:50%;background:#f1f5f9;
		display:inline-flex;align-items:center;justify-content:center;
	}
	.pch-cover{height:180px;}
	.pch-cover-actions, .pch-cover-edit{bottom:45px;right:14px;top:auto;}
}

/* ── Tabs (mirrors pv17-tabs pill bar) ───────────────────────── */
.pch-tabsbar {
	position: relative;
	background: var(--pch-surface);
	border-bottom: 1px solid var(--pch-line-soft, #E2E8F0);
	border-top: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 24px;
	width: 100%;
	z-index: 10;
}
.pch-tabsbar .pch-wrap,
.pch-tabsbar-wrap {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	padding: 0 clamp(14px, 3vw, 32px) !important;
	width: 100% !important;
	max-width: var(--pch-max, 1200px) !important;
	box-sizing: border-box !important;
}
.pch-tabs {
	display: flex;
	gap: 28px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.pch-tabs::-webkit-scrollbar { display: none; }
.pch-tab {
	position: relative;
	white-space: nowrap;
	flex-shrink: 0;
	padding: 14px 4px 16px 4px;
	font-weight: 600;
	font-size: 14.5px;
	color: #64748B;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	transition: color .15s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.pch-tab:hover {
	color: var(--pch-ink);
	background: transparent;
	border: none;
}
.pch-tab.is-active {
	color: var(--pch-ink);
	font-weight: 700;
	background: transparent;
	border: none;
	box-shadow: none;
}
.pch-tab.is-active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--pch-ink);
	border-radius: 3px 3px 0 0;
}
.pch-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 999px;
	background: #F1F5F9;
	color: #475569;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}
.pch-tab.is-active .pch-tab-count {
	background: var(--pch-ink);
	color: #FFFFFF;
}
.pch-tab-count[hidden] { display: none; }

/* ── Facts / stats (Fixed Headquarters single-letter crush) ── */
.pch-fact {
    display:grid;
    grid-template-columns:110px minmax(0, 1fr);
    gap:0.75rem;
    align-items:baseline;
    padding:0.65rem 0;
    border-bottom:1px solid var(--pch-line-soft, #e2e8f0);
}
.pch-fact:last-child {
    border-bottom:0;
}
.pch-fact-label {
    color:var(--pch-muted, #64748b);
    font-size:0.85rem;
    font-weight:600;
    white-space:nowrap;
    min-width:110px;
    overflow-wrap:normal;
    word-break:normal;
}
.pch-fact-value {
    font-weight:600;
    text-align:right;
    color:var(--pch-ink, #0f1b3d);
    font-size:0.88rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    min-width:0;
    font-variant-numeric:tabular-nums;
}
@media (max-width: 480px) {
    .pch-fact {
        grid-template-columns:100px minmax(0, 1fr);
        gap:0.5rem;
    }
    .pch-fact-label {
        min-width:100px;
        font-size:0.8rem;
    }
    .pch-fact-value {
        font-size:0.82rem;
    }
}
.pch-stat{background:var(--pch-surface);border:1px solid var(--pch-line);border-radius:var(--pch-r);padding:1.1rem 1.2rem;box-shadow:var(--pch-sh-xs)}
.pch-stat-num{font-family:var(--pch-font-body);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--pch-ink)}
.pch-stat-label{color:var(--pch-muted);font-size:.735rem;text-transform:uppercase;letter-spacing:.075em;font-weight:600;margin-top:.4rem}
.pch-bar{height:7px;border-radius:999px;background:var(--pch-line-soft);overflow:hidden;margin-top:.5rem}
.pch-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pch-ink-soft),var(--pch-ink))}

/* ── Post card (1:1 Unification with Dashboard Engine) ── */
.pch-postcard{
	padding:0;overflow:hidden;display:flex;flex-direction:column;
	background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;
	box-shadow:0 1px 3px rgba(15,27,61,.04),0 1px 2px rgba(15,27,61,.02);
	transition:transform .25s cubic-bezier(0.16,1,0.3,1),box-shadow .25s cubic-bezier(0.16,1,0.3,1),border-color .25s ease;
}
.pch-postcard:hover{
	transform:translatey(-4px);
	box-shadow:0 16px 36px rgba(15,27,61,.09),0 4px 12px rgba(15,27,61,.04);
	border-color:#cbd5e1;
}
.pch-postcard .pv17-card-thumb{transition:transform .4s cubic-bezier(0.16,1,0.3,1)}
.pch-postcard:hover .pv17-card-thumb{transform:scale(1.05)}
.pch-postcard.is-unpublished{border-style:dashed;background:#f8fafc}
.pch-postcard-admin .pch-btn.is-on,.pv17-card-edit-btn.is-on{background:#0f1b3d;color:#fff;border-color:transparent}
.pch-filters .pch-chip{margin-left:.3rem}

/* ── Company card ─────────────────────────────────────────── */
.pch-cocard{display:flex;flex-direction:column;gap:.7rem}
.pch-cocard-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center}
.pch-cocard-meta{display:flex;flex-direction:column;min-width:0}
.pch-cocard-name{font-family:var(--pch-font-display);font-weight:400;font-size:1.1rem;line-height:1.25;display:flex;align-items:center;gap:.35rem;min-width:0}
.pch-cocard-industry{color:var(--pch-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pch-cocard-tagline{color:var(--pch-ink-2);font-size:.885rem;margin:0;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pch-cocard-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.65rem;border-top:1px solid var(--pch-line-soft)}

/* ── Service / Product / Listing card -- compact, MNC-grade, uniform grid ── */
.pch-svc {
	display:flex;
	flex-direction:column;
	padding:0;
	overflow:hidden;
	height:100%;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	box-shadow:0 2px 8px rgba(15, 27, 61, 0.04);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pch-svc:hover {
	transform:translatey(-4px);
	box-shadow:0 12px 28px rgba(15, 27, 61, 0.08);
	border-color:#cbd5e1;
}
.pch-svc .pch-service-img { margin:0; }

/* Compact Image Height (Shorter Desktop & Mobile Card Height) */
.pch-service-img {
	height:175px;
	max-height:180px;
	overflow:hidden;
	background:#f8fafc;
	position:relative;
}
.pch-service-img img {
	width:100%;
	height:100%;
	object-fit:contain;
	padding:0.5rem;
	box-sizing:border-box;
	display:block;
	transition:transform .4s ease;
}
.pch-svc:hover .pch-service-img img {
	transform:scale(1.05);
}

.pch-svc-body {
	display:flex;
	flex-direction:column;
	gap:0.35rem;
	padding:0.85rem 1rem 1rem;
	flex:1;
	min-width:0;
}
.pch-svc-title {
	font-size:0.96rem;
	line-height:1.3;
	font-weight:700;
	color:#0f1b3d;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:auto;
	margin:0 0 0.15rem;
}
.pch-svc-desc {
	color:#64748b;
	font-size:0.82rem;
	line-height:1.45;
	margin:0 0 0.4rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:auto;
}
.pch-svc-price {
	font-weight:700;
	color:#0f1b3d;
	margin:0;
	font-size:0.95rem;
	padding-top:0.5rem;
	border-top:1px solid #f1f5f9;
}
.pch-svc .pch-card-actions {
	margin-top:auto;
	padding-top:0.4rem;
}

/* Grid: Desktop & Mobile Card Grid (Centered Alignment) */
.pch-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(280px, 360px));
	justify-content:center;
	justify-items:center;
	gap:1.25rem;
	width:100%;
}
@media (max-width: 639px) {
	.pch-grid {
		grid-template-columns:1fr;
		justify-content:center;
		justify-items:center;
		gap:1.25rem;
		width:100%;
	}
	.pch-grid > article,
	.pch-grid > .pch-card {
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
	.pch-service-img {
		height:160px;
	}
	.pch-svc-body {
		padding:0.75rem 0.85rem 0.85rem;
	}
}
@media(max-width:360px){
	#pch-services.pch-grid,
	#pch-products.pch-grid,
	#pch-listings.pch-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
	.pch-svc-body{padding:.75rem .8rem .9rem}
	.pch-svc-title{font-size:.92rem;min-height:2.4em}
	.pch-svc-desc{font-size:.78rem;-webkit-line-clamp:2;min-height:2.7em}
	.pch-svc-price{font-size:.86rem;padding-top:.4rem}
	.pch-svc .pch-btn-xs{font-size:.68rem;padding:.32rem .5rem}
}

/* ── Person card ──────────────────────────────────────────── */
.pch-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start}
.pch-person-av{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--pch-line)}
.pch-person-body{min-width:0;display:flex;flex-direction:column}
.pch-person-name{font-size:1rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.pch-person-role{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--pch-muted);font-size:.85rem;margin:.2rem 0 0}

/* ── Job card ─────────────────────────────────────────────── */
.pch-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:start}
.pch-job-main{min-width:0}
.pch-job-title{font-size:1.15rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.pch-job-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin:.6rem 0}
.pch-job-desc{color:var(--pch-muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pch-job-req{margin-top:.5rem;font-size:.875rem}
.pch-job-side{display:flex;flex-direction:column;gap:.45rem;align-items:stretch;min-width:140px}
@media(max-width:700px){
	.pch-job{grid-template-columns:minmax(0,1fr)}
	.pch-job-side{flex-direction:row;flex-wrap:wrap;min-width:0}
	.pch-job-side .pch-btn:first-child{flex:1 1 100%}
}

/* ── Forms ────────────────────────────────────────────────── */
.pch-field{margin-bottom:1rem;min-width:0}
.pch-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-weight:600;font-size:.84rem;margin-bottom:.35rem;color:var(--pch-ink-2)}
.pch-input,.pch-select,.pch-textarea{
	width:100%;font-family:var(--pch-font-body);font-size:.94rem;color:var(--pch-ink);
	padding:.68rem .85rem;border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);
	background:#fff;transition:border-color .15s ease,box-shadow .15s ease;
	-webkit-appearance:none;appearance:none;
}
.pch-select{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235C6B85' stroke-width='1.6' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.1rem;
}
.pch-select-xs{width:auto;padding:.35rem 1.7rem .35rem .6rem;font-size:.78rem;background-position:right .55rem center}
.pch-input::placeholder,.pch-textarea::placeholder{color:var(--pch-muted-2)}
.pch-input:hover,.pch-select:hover,.pch-textarea:hover{border-color:#CFD7E5}
.pch-input:focus,.pch-select:focus,.pch-textarea:focus{outline:0;border-color:var(--pch-ink-soft);box-shadow:var(--pch-ring)}
.pch-textarea{min-height:150px;resize:vertical;line-height:1.6}
.pch-hint{font-size:.775rem;color:var(--pch-muted);margin-top:.3rem}
.pch-hint.is-ok{color:var(--pch-success)}
.pch-hint.is-bad{color:var(--pch-danger)}
.pch-row{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){
	.pch-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pch-row-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
}
.pch-security-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background:#f9fafb;padding:10px;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:1rem}
.pch-security-row .pch-field{margin-bottom:0;flex:1 1 220px;max-width:280px}
.pch-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;font-size:.88rem;color:var(--pch-ink-2)}
.pch-switch input{width:16px;height:16px;accent-color:var(--pch-ink);flex:none}
.pch-tagbox{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem;border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);background:#fff}
.pch-tagbox:focus-within{border-color:var(--pch-ink-soft);box-shadow:var(--pch-ring)}
.pch-tagbox input{border:0;outline:0;flex:1;min-width:130px;font-family:var(--pch-font-body);font-size:.9rem;padding:.35rem}
.pch-tag{display:inline-flex;align-items:center;gap:.35rem;background:var(--pch-accent-soft);color:var(--pch-ink-2);border-radius:999px;padding:.25rem .6rem;font-size:.79rem;font-weight:600}
.pch-tag button{border:0;background:none;cursor:pointer;color:inherit;line-height:1;font-size:1rem;padding:0}
.pch-tag button:hover{color:var(--pch-danger)}

/* ── Steps ────────────────────────────────────────────────── */
.pch-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.5rem;margin-bottom:1.5rem}
.pch-step{
	padding:.6rem .8rem;border-radius:var(--pch-r-sm);background:var(--pch-surface-2);
	border:1px solid var(--pch-line);font-size:.83rem;font-weight:600;color:var(--pch-muted);
	cursor:pointer;text-align:left;transition:all .15s ease;font-family:var(--pch-font-body);
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pch-step:hover{border-color:#CFD7E5;color:var(--pch-ink)}
.pch-step.is-active{background:var(--pch-ink);border-color:var(--pch-ink);color:#fff}
.pch-stepbody{display:none}.pch-stepbody.is-active{display:block}

/* ── Modal ────────────────────────────────────────────────── */
.pch-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:1.25rem 1rem;background:rgba(9,16,35,.65);backdrop-filter:blur(4px);overscroll-behavior:contain;overflow-y:auto;box-sizing:border-box}
.pch-modal.is-open{display:flex;animation:pch-fade .18s ease}
.pch-modal-box{background:#fff;border-radius:var(--pch-r-xl);box-shadow:var(--pch-sh-lg);width:min(520px,100%);max-height:calc(100vh - 2.5rem);overflow-y:auto;padding:clamp(1.1rem,3vw,1.5rem);margin:auto;box-sizing:border-box}
.pch-modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1.1rem}
.pch-modal-head h3{overflow:hidden;text-overflow:ellipsis}

/* ── Toast ────────────────────────────────────────────────── */
#pch-toasts{position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:100000;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;pointer-events:none}
@media(min-width:640px){#pch-toasts{left:auto;max-width:380px}}
.pch-toast{background:var(--pch-ink);color:#fff;padding:.75rem 1.1rem;border-radius:var(--pch-r-sm);box-shadow:var(--pch-sh-lg);font-size:.88rem;font-weight:500;font-family:var(--pch-font-body);animation:pch-slide .25s ease;max-width:100%}
.pch-toast.is-error{background:var(--pch-danger)}
.pch-toast.is-success{background:var(--pch-success)}
@keyframes pch-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ── Empty / filters ──────────────────────────────────────── */
.pch-empty{
	text-align:center;padding:clamp(2rem,6vw,3.25rem) 1rem;color:var(--pch-muted);
	background:var(--pch-surface);border:1px dashed var(--pch-line);border-radius:var(--pch-r);
}
.pch-empty h3{margin-bottom:.35rem}
.pch-filters{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem}
.pch-filters .pch-input,.pch-filters .pch-select{width:auto;min-width:170px;flex:1 1 170px;max-width:100%}
.pch-filters .pch-btn.is-active{background:var(--pch-ink);color:#fff;border-color:transparent}
.pch-center{text-align:center;margin-top:1.75rem}

/* ── Segmented control ────────────────────────────────────── */
.pch-seg{display:inline-flex;border:1px solid var(--pch-line);border-radius:999px;overflow:hidden;background:var(--pch-surface-2)}
.pch-seg button{background:transparent;border:0;padding:.4rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--pch-muted);font-family:var(--pch-font-body);transition:all .15s ease}
.pch-seg button.is-active{background:var(--pch-ink);color:#fff}

/* ── Map ──────────────────────────────────────────────────── */
.pch-map{border-radius:var(--pch-r-sm);overflow:hidden;border:1px solid var(--pch-line);aspect-ratio:16/10}
.pch-map iframe{width:100%;height:100%;border:0;display:block}
.pch-map-empty{display:grid;place-items:center;text-align:center;padding:1rem;background:repeating-linear-gradient(45deg,#F7F8FB,#F7F8FB 10px,#F1F3F8 10px,#F1F3F8 20px)}

/* ── Quill ────────────────────────────────────────────────── */
.pch-editor{min-height:280px;background:#fff;border:1px solid var(--pch-line);border-radius:var(--pch-r-sm)}
.pch-editor .ql-editor{min-height:260px;font-size:1rem;line-height:1.75;font-family:var(--pch-font-body)}
.ql-bubble .ql-tooltip{z-index:100001}

/* ========== RESPONSIVE REFINEMENTS (mirrors pv17-wrap breakpoints) ========== */
@media(max-width:1024px){
	.pch-cover{background-attachment:scroll}
	.pch-hero-name{font-size:32px}
}
@media(min-width:640px) and (max-width:899.98px){
	.pch-hero-actions{width:100%}
	.pch-hero-actions>.pch-btn:not(.pch-btn-ghost){flex:1 1 auto;min-width:120px}
}
@media(max-width:768px){
	.pch-root{font-size:15px}
	.pch-cover{height:clamp(200px,42vw,280px)}
	.pch-hero-name{font-size:28px}
}
@media(max-width:639px){
	.pch-root{font-size:14px}
	.pch-cover{height:clamp(180px,55vw,260px);background-position:center top}
	.pch-hero > .pch-wrap,
	.pch-hero-card{padding:0 14px 20px;margin-top:-38px}

	/* Hero body: proper flex column centered */
	.pch-hero-body{
		display:flex;flex-direction:column;
		align-items:center;gap:0;padding-top:0;
	}
	.pch-hero-logo{justify-content:center;align-items:center;display:flex;flex-direction:column;width:100%;margin-top:0}
	.pch-logo-xl{width:88px;height:88px;border-width:3px}
	.pch-hero-info{text-align:center;margin-top:10px;width:100%}
	.pch-hero-name{font-size:clamp(18px,5.5vw,24px);justify-content:center;overflow-wrap:anywhere;word-break:break-word;line-height:1.2}
	.pch-hero-tagline{text-align:center;font-size:13px;margin:4px auto 0;max-width:90%}
	.pch-hero-facts{justify-content:center;font-size:12px;gap:8px;margin-top:6px}

	/* Actions: Clean flex layout on mobile */
	.pch-hero-actions{
		display:flex;flex-wrap:wrap;
		align-items:center;justify-content:center;
		gap:8px;width:100%;margin-top:12px;
	}
	.pch-hero-actions > .pch-btn:not(.pch-btn-ghost) {
		flex:1 1 calc(50% - 8px);min-width:130px;
		justify-content:center;text-align:center;
		padding:9px 14px;font-size:13px;box-sizing:border-box;
	}
	.pch-hero-actions > .pch-btn-ghost {
		flex:0 0 auto;width:38px;height:38px;
		padding:0;border-radius:50%;background:#f1f5f9;
		display:inline-flex;align-items:center;justify-content:center;
	}

	.pch-tabs{
		display:flex;flex-wrap:nowrap;overflow-x:auto;
		-webkit-overflow-scrolling:touch;scrollbar-width:none;
	}
	.pch-tabs::-webkit-scrollbar{display:none}
	.pch-tab{flex:0 0 auto;padding:.8rem .6rem;font-size:.84rem}

	.pch-card{padding:1rem}
	.pch-cols{gap:1rem}
	.pch-filters{
		display:flex;
		flex-wrap:nowrap;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		gap:8px;
		padding-bottom:6px;
		margin-bottom:1.25rem;
		width:100%;
	}
	.pch-filters::-webkit-scrollbar{display:none}
	.pch-filters .pch-input,.pch-filters .pch-select{width:100%;min-width:0;flex:1 1 100%}
	.pch-filters .pch-btn-xs{flex:0 0 auto;white-space:nowrap}
	.pch-modal{padding:0;align-items:flex-end}
	.pch-modal-box{border-radius:var(--pch-r-xl) var(--pch-r-xl) 0 0;max-height:calc(100vh - 100px);width:100%}
	.pch-person-av{width:46px;height:46px}
	.pch-postcard-admin .pch-btn-xs{flex:1 1 auto;justify-content:center}
	#pch-toasts{bottom:.75rem;align-items:stretch}
}
@media(max-width:480px){
	.pch-cover{height:clamp(160px,50vw,220px)}
	.pch-hero .pch-wrap{padding:0 12px 18px}
	.pch-hero-name{font-size:clamp(20px,7vw,26px)}
	.pch-btn{padding:10px 14px;font-size:13px}
	.pch-hero-facts{font-size:12px;gap:6px}
}
@media(max-width:380px){
	.pch-cover{height:180px}
	.pch-hero-logo{margin-top:-42px}
	.pch-logo-xl{width:84px;height:84px}
	.pch-hero-name{font-size:22px}
	.pch-tab{padding:8px 10px;font-size:12px}
	.pch-btn{padding:9px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
	.pch-root *,.pch-root *::before,.pch-root *::after{animation-duration:.01ms;transition-duration:.01ms}
	.pch-card:hover,.pch-btn:hover{transform:none}
}
@media print{.pch-hero-actions,.pch-tabs,.pch-btn,#pch-toasts{display:none!important}}

/* ==================================================================
   v18.2 -- LAYOUT GUTTERS + MEMBERSHIP SURFACE
   Mirrors pv17 exactly: the profile/hero card sits INSIDE the container
   gutter, it is never edge-to-edge. Previously .pch-hero .pch-wrap acted as
   both container and card, so on mobile the card bled into both screen edges.
   ================================================================== */
html, body, .pch-root {
    overflow-x:hidden;
    max-width:100%;
}

.pch-crumbs,
.pch-breadcrumb-nav {
    display: block !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}
.pch-crumbs-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px 8px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: #64748B !important;
}
.pch-crumbs-list li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}
.pch-crumbs-list li::marker,
.pch-crumbs-list li::-webkit-details-marker {
    display: none !important;
    content: "" !important;
}
.pch-crumbs-list a,
.pch-crumbs-list .pch-hover-link,
.pch-crumbs a, 
.pch-crumbs span {
    color: #64748B !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.15s ease !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.pch-crumbs-list a:hover,
.pch-crumbs-list .pch-hover-link:hover,
.pch-crumbs a:hover {
    color: #0F1B3D !important;
    text-decoration: underline !important;
}
.pch-crumbs-sep {
    color: #94A3B8 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    user-select: none !important;
    display: inline-block !important;
}
.pch-crumbs-list li:last-child {
    color: #0F1B3D !important;
    font-weight: 600 !important;
    max-width: 260px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.pch-crumb-now {
    color: #0F1B3D !important;
    font-weight: 600 !important;
    display: inline-block !important;
    max-width: 220px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: bottom !important;
}
@media (max-width: 640px) {
    .pch-crumbs-list {
        font-size: 11.5px !important;
        gap: 3px 6px !important;
    }
    .pch-crumbs-list li:last-child {
        max-width: 160px !important;
    }
    .pch-crumb-now {
        max-width: 130px !important;
    }
}

/* ── Unified Layout Containers & Card Margins (Pixel-Perfect Alignment) ── */
.pch-root {
	--pch-gutter: clamp(14px, 3vw, 28px);
}
@media (max-width: 768px) {
	.pch-root { --pch-gutter: 14px; }
}
@media (max-width: 450px) {
	.pch-root { --pch-gutter: 12px; }
}
@media (max-width: 360px) {
	.pch-root { --pch-gutter: 10px; }
}

.pch-wrap {
	max-width:var(--pch-max, 1180px);
	width:calc(100% - 2 * var(--pch-gutter));
	margin-left:auto;
	margin-right:auto;
	padding:0;
	box-sizing:border-box;
}

main.pch-wrap,
.pch-section {
	margin-top:clamp(20px, 2.5vw, 28px);
	margin-bottom:clamp(28px, 4vw, 48px);
}

.pch-hero > .pch-wrap,
.pch-hero-card {
	background: var(--pch-surface);
	border: 1px solid var(--pch-line);
	border-radius:16px;
	box-shadow:0 1px 3px rgba(15,27,61,.04), 0 1px 2px rgba(15,27,61,.02);
	padding:22px clamp(16px, 2.5vw, 24px) 16px;
	margin-top:clamp(-38px, -4.5vw, -46px);
	position: relative;
	z-index: 1;
	width:calc(100% - 2 * var(--pch-gutter));
	box-sizing:border-box;
}

@media (max-width: 767px) {
	.pch-hero > .pch-wrap,
	.pch-hero-card {
		margin-top:-24px;
		padding:16px 14px 14px;
		border-radius:14px;
	}
}

.pch-cols {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr);
	width:100%;
	box-sizing:border-box;
}
@media (min-width: 900px) {
	.pch-cols {
		grid-template-columns: minmax(0, 1fr) clamp(260px, 28vw, 340px);
		gap: 24px;
	}
	.pch-cols > aside {
		position: sticky;
		top: 24px;
	}
}

/* Sidebar Rail (MNC Grade Vertical Card Rhythm) */
.pch-card-rail {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}
@media (max-width: 899.98px) {
	.pch-card-rail {
		gap: 16px;
		margin-top: 16px;
	}
}

/* Catalog & Offerings Grids (Products, Services, Listings) */
.pch-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

.pch-listings-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

/* About Section Typographic Class (Zero Inline CSS) */
.pch-about-title {
	font-size: clamp(20px, 2.4vw, 26px);
	font-weight: 800;
	color: var(--pch-ink);
	margin: 0 0 12px 0;
	line-height: 1.25;
}

.pch-card {
	background:var(--pch-surface);
	border:1px solid var(--pch-line);
	border-radius:16px;
	box-shadow:0 1px 3px rgba(15,27,61,.04), 0 1px 2px rgba(15,27,61,.02);
	padding:clamp(16px, 2.5vw, 24px);
	box-sizing:border-box;
	width:100%;
	margin:0;
}
@media (max-width: 767px) {
	.pch-card {
		padding:16px 14px;
		border-radius:14px;
	}
}

/* Never let a long word / URL / table blow the layout out sideways */
.pch-root p,.pch-root h1,.pch-root h2,.pch-root h3,.pch-root h4,.pch-root li,.pch-root td{overflow-wrap:anywhere}
.pch-root table{display:block;width:100%;max-width:100%;overflow-x:auto}

/* ── Membership banner (Executive MNC grade banner) ── */
.pch-me {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-left:4px solid #0f1b3d;
	border-radius:16px;
	padding:16px 20px;
	margin-top:8px;
	margin-bottom:24px;
	box-shadow:0 2px 8px rgba(15, 27, 61, 0.04);
	width:100%;
	box-sizing:border-box;
}
.pch-me-ico {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:12px;
	background:#f1f5f9;
	color:#0f1b3d;
	flex-shrink:0;
}
.pch-me-txt {
	flex:1 1 auto;
	min-width:0;
}
.pch-me-txt b {
	display:block;
	font-size:15px;
	font-weight:700;
	color:#0f1b3d;
	line-height:1.35;
}
.pch-me-txt span {
	display:block;
	font-size:13px;
	color:#64748b;
	line-height:1.4;
	margin-top:3px;
}
.pch-me-act {
	display:flex;
	align-items:center;
	gap:8px;
	flex-shrink:0;
	flex-wrap:wrap;
}
@media (max-width: 768px) {
	.pch-me {
		flex-direction:column;
		align-items:flex-start;
		gap:12px;
		padding:14px 16px;
		margin-top:14px;
		margin-bottom:18px;
	}
	.pch-me-act {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		gap:8px;
	}
	.pch-me-act .pch-btn {
		flex:1 1 calc(50% - 8px);
		justify-content:center;
		text-align:center;
	}
}

/* ── Membership notices (inbox on the user dashboard) ── */
.pch-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem .9rem;align-items:start;
	background:var(--pch-surface);border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);padding:.8rem 1rem}
.pch-note.is-new{border-color:var(--pch-gold-line);background:var(--pch-gold-soft)}
.pch-note b{color:var(--pch-ink)}
.pch-note small{display:block;color:var(--pch-muted);margin-top:.2rem;font-size:.8rem}
.pch-note-x{background:none;border:0;color:var(--pch-muted-2);cursor:pointer;font-size:1.1rem;line-height:1;padding:.1rem .3rem;border-radius:6px}
.pch-note-x:hover{color:var(--pch-ink);background:var(--pch-line-soft)}
@media(max-width:520px){.pch-note{grid-template-columns:minmax(0,1fr) auto}.pch-note>.pch-me-ico{display:none}}

.pch-root{
	position:relative;
	clear:both;
	display:flow-root;      
	padding-bottom:clamp(1.5rem,4vw,2.5rem);
}
.pch-hero{position:relative;z-index:0}
.pch-hero .pch-wrap{z-index:1}
.pch-cover{z-index:0}
.pch-modal{z-index:99999}
#pch-toasts{z-index:100000}

@media(max-width:899.98px){
	.pch-root{scroll-margin-top:80px}
	.pch-hero{padding-top:0}
	.pch-section{padding:clamp(1rem,3vw,1.75rem) 0 clamp(2rem,6vw,3rem)}
}
@media(max-width:639px){
	.pch-hero-logo{margin-top:-40px}
	.pch-root{padding-bottom:2rem}
}
@media(max-width:380px){
	.pch-hero-logo{margin-top:-34px}
}

/* ── 2. Tabs: scroll indicator + auto-scroll ── */
.pch-tabsbar{position:relative;margin-top:18px}
.pch-tabsbar .pch-tabs{margin-top:0}
.pch-tabsbar::before,.pch-tabsbar::after{
	content:'';position:absolute;top:1px;bottom:1px;width:38px;pointer-events:none;z-index:2;
	opacity:0;transition:opacity .18s ease;border-radius:var(--pch-r);
}
.pch-tabsbar::before{left:1px;background:linear-gradient(90deg,var(--pch-surface) 25%,rgba(255,255,255,0))}
.pch-tabsbar::after{right:1px;background:linear-gradient(270deg,var(--pch-surface) 25%,rgba(255,255,255,0))}
.pch-tabsbar.can-left::before{opacity:1}
.pch-tabsbar.can-right::after{opacity:1}
.pch-tabsbar .pch-tabs{scroll-behavior:smooth}
.pch-tabnav{
	position:absolute;top:50%;transform:translateY(-50%);z-index:3;
	width:30px;height:30px;display:none;align-items:center;justify-content:center;
	border-radius:50%;border:1px solid var(--pch-line);background:#fff;color:var(--pch-ink);
	cursor:pointer;box-shadow:var(--pch-sh-sm);padding:0;font-size:15px;line-height:1;font-family:var(--pch-font-body);
}
.pch-tabnav-l{left:4px}.pch-tabnav-r{right:4px}
.pch-tabsbar.can-left .pch-tabnav-l,.pch-tabsbar.can-right .pch-tabnav-r{display:flex}
@media(hover:none){.pch-tabnav{display:none!important}}
/* Mobile pe thin progress line, taaki pata chale aur tabs bhi hain */
.pch-tabprog{height:2px;border-radius:999px;background:var(--pch-line-soft);margin:6px auto 0;width:56px;overflow:hidden;display:none}
.pch-tabprog span{display:block;height:100%;background:var(--pch-ink-soft);border-radius:999px;transition:transform .12s linear;transform-origin:left center}
@media(max-width:639px){.pch-tabsbar.is-scrollable .pch-tabprog{display:block}}

/* ── 3. Wizard / form alignment ── */
.pch-formwrap{max-width:820px;margin-inline:auto;width:100%}
.pch-formhead{max-width:820px;margin:0 auto 1.5rem;text-align:left}
.pch-form-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:1.35rem;padding-top:1.15rem;border-top:1px solid var(--pch-line)}
.pch-form-actions .pch-btn{flex:0 1 auto}
.pch-form-actions .pch-spacer{flex:1 1 auto}
@media(max-width:520px){
	.pch-form-actions{flex-direction:column-reverse;align-items:stretch}
	.pch-form-actions .pch-btn{width:100%;justify-content:center}
	.pch-form-actions .pch-spacer{display:none}
}
.pch-steps{align-items:stretch}
.pch-step{display:flex;align-items:center;gap:.45rem;text-align:left;white-space:normal}
.pch-step-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--pch-line-soft);color:var(--pch-ink-soft);font-size:.72rem;font-weight:700}
.pch-step.is-active .pch-step-n{background:rgba(255,255,255,.2);color:#fff}
.pch-step.is-done .pch-step-n{background:var(--pch-success-soft);color:var(--pch-success)}
.pch-progress{height:4px;border-radius:999px;background:var(--pch-line-soft);overflow:hidden;margin:-.6rem 0 1.25rem}
.pch-progress span{display:block;height:100%;background:var(--pch-ink);border-radius:999px;transition:width .25s ease}

/* ── 4. SEO panel inside the article form ── */
.pch-seo{border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);background:var(--pch-surface-2);padding:.9rem 1rem;margin-bottom:1rem}
.pch-seo-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-bottom:.65rem}
.pch-seo-head b{font-size:.9rem;color:var(--pch-ink)}
.pch-seo-score{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.82rem;padding:.28rem .7rem;border-radius:999px;background:var(--pch-line-soft);color:var(--pch-ink-soft)}
.pch-seo-score.is-ok{background:var(--pch-success-soft);color:var(--pch-success)}
.pch-seo-score.is-mid{background:var(--pch-warn-soft);color:var(--pch-warn)}
.pch-seo-score.is-bad{background:var(--pch-danger-soft);color:var(--pch-danger)}
.pch-seo-bar{height:6px;border-radius:999px;background:var(--pch-line-soft);overflow:hidden;margin-bottom:.75rem}
.pch-seo-bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--pch-danger);transition:width .25s ease,background .25s ease}
.pch-seo-bar.is-mid span{background:var(--pch-warn)}
.pch-seo-bar.is-ok span{background:var(--pch-success)}
.pch-seo-checks{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.pch-seo-checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem;font-size:.815rem;color:var(--pch-muted);align-items:start}
.pch-seo-checks li::before{content:'\25CB';color:var(--pch-muted-2);line-height:1.5}
.pch-seo-checks li.is-ok{color:var(--pch-ink-2)}
.pch-seo-checks li.is-ok::before{content:'\2713';color:var(--pch-success);font-weight:700}
.pch-seo-checks li.is-bad::before{content:'!';color:var(--pch-danger);font-weight:700}
.pc-publish-errors{list-style:none;margin:12px 0 0;padding:10px 12px;background:var(--pch-danger-soft);border:1px solid var(--pch-danger);border-radius:8px;display:grid;gap:.3rem}
.pc-publish-errors li{font-size:.8rem;color:var(--pch-danger);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:start}
.pc-publish-errors li::before{content:'!';font-weight:700}
.pch-counter{font-size:.74rem;color:var(--pch-muted);white-space:nowrap;flex:none}
.pch-counter.is-bad{color:var(--pch-danger)}
.pch-counter.is-ok{color:var(--pch-success)}
.pch-serp{background:#fff;border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);padding:.75rem .85rem;margin-top:.75rem}
.pch-serp-url{color:var(--pch-success);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pch-serp-title{color:#1a0dab;font-size:.98rem;font-weight:600;margin:.15rem 0;line-height:1.3}
.pch-serp-desc{color:var(--pch-muted);font-size:.8rem;margin:0}

/* ── 5. Team access panel ── */
.pch-access{margin-bottom:clamp(1rem,2.4vw,1.5rem)}
.pch-access-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-bottom:.9rem}
.pch-access-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.pch-atable{display:grid;gap:.5rem}
.pch-arow{
	display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto;gap:.6rem .9rem;align-items:center;
	border:1px solid var(--pch-line);border-radius:var(--pch-r-sm);padding:.6rem .75rem;background:#fff;
}
.pch-arow img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.pch-arow-name{min-width:0}
.pch-arow-name b{display:block;font-weight:600;color:var(--pch-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pch-arow-name small{display:block;color:var(--pch-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pch-arow-perm{color:var(--pch-muted);font-size:.8rem}
.pch-arow-act{display:flex;gap:.35rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:760px){
	.pch-arow{grid-template-columns:auto minmax(0,1fr)}
	.pch-arow-perm,.pch-arow-act{grid-column:1 / -1}
	.pch-arow-act{justify-content:flex-start}
	.pch-arow-act .pch-select-xs{flex:1 1 auto;width:100%}
}

/* === v1.5.1 -- polish & theme-proofing =======================
   1. Card grids never blow one lonely card up to full width.
   2. Button labels stay readable no matter what the parent theme
      forces on <button>/<a> colours (some themes set `color` or
      `-webkit-text-fill-color` globally, which hid our labels).
   3. Tighter, more professional post-card admin toolbar.
*/

/* ---- 1. Analytics & Person Grids (MNC Grade Responsive Layout) ---- */
.pch-grid-2 {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
	width:100%;
}
@media (max-width: 768px) {
	.pch-grid-2 { grid-template-columns:1fr; gap:14px; }
}

.pch-grid-3 {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
	width:100%;
}
@media (max-width: 899.98px) {
	.pch-grid-3 { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
}
@media (max-width: 540px) {
	.pch-grid-3 { grid-template-columns:1fr; gap:12px; }
}

.pch-grid-4 {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
	width:100%;
}
@media (max-width: 899.98px) {
	.pch-grid-4 { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
}
@media (max-width: 480px) {
	.pch-grid-4 { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
}

.pch-stat {
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	padding:18px 20px;
	box-shadow:0 2px 8px rgba(15,27,61,.04);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	box-sizing:border-box;
	min-width:0;
	transition:transform .2s ease, box-shadow .2s ease;
}
.pch-stat:hover {
	transform:translatey(-3px);
	box-shadow:0 10px 24px -4px rgba(15,27,61,.08);
	border-color:#cbd5e1;
}
.pch-stat-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px;
}
.pch-stat-icon {
	width:36px;
	height:36px;
	border-radius:10px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.pch-stat-num {
	font-size:clamp(26px, 3.2vw, 34px);
	font-weight:800;
	color:#0f1b3d;
	line-height:1.1;
	letter-spacing:-0.02em;
}
.pch-stat-label {
	font-size:12px;
	font-weight:700;
	color:#64748b;
	text-transform:uppercase;
	letter-spacing:0.05em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pch-stat-sub {
	font-size:12px;
	color:#94a3b8;
	font-weight:500;
	margin-top:6px;
	line-height:1.3;
}

@media (max-width: 600px) {
	.pch-stat {
		padding:14px 12px;
		border-radius:14px;
	}
	.pch-stat-num {
		font-size:22px;
	}
	.pch-stat-label {
		font-size:11px;
	}
	.pch-stat-sub {
		font-size:11px;
	}
}

#pch-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}
@media(max-width:640px){#pch-feed{grid-template-columns:1fr;gap:1rem}#pch-feed .pch-postcard-img{height:180px}}
@media(min-width:641px) and (max-width:1024px){#pch-feed{grid-template-columns:repeat(2,1fr);gap:1rem}}
@media(min-width:1025px){#pch-feed{grid-template-columns:repeat(3,1fr);gap:1.25rem}}
#pch-feed .pch-postcard{max-width:100%;width:100%;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}
#pch-feed .pch-postcard:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}

/* ---- 2. Button text always visible over its own background ---- */
.pch-btn,.pch-btn:visited{color:#fff;-webkit-text-fill-color:currentColor}
.pch-btn > *,.pch-btn span{color:inherit;-webkit-text-fill-color:currentColor}
.pch-btn svg{flex:none}
.pch-btn-outline,.pch-btn-outline:visited,.pch-btn-outline:hover{color:var(--pch-ink)}
.pch-btn-ghost,.pch-btn-ghost:visited{color:var(--pch-ink-2)}
.pch-btn-ghost:hover{color:var(--pch-ink)}
.pch-btn-accent,.pch-btn-accent:visited,.pch-btn-accent:hover{color:#fff}
.pch-btn.is-on{color:var(--pch-ink-2)}
.pch-postcard-admin .pch-btn.is-on{color:#fff}
.pch-btn-danger,.pch-btn-danger:visited{color:var(--pch-danger)}
.pch-btn-danger-ghost{color:var(--pch-muted)}
.pch-btn-danger-ghost:hover{color:var(--pch-danger)}
.pch-filters .pch-btn.is-active{color:#fff}

/* ---- 3. Post-card admin toolbar ---- */
.pch-postcard-admin{gap:.35rem;margin-top:.75rem}
.pch-postcard-admin .pch-btn-xs{padding:.38rem .6rem;font-size:.74rem;border-radius:8px;background:var(--pch-surface-2)}
.pch-postcard-admin .pch-btn-xs:hover{background:var(--pch-accent-soft)}
.pch-postcard-admin .pch-btn-danger-ghost:hover{background:var(--pch-danger-soft)}

/* ---- 4. v1.5.2 -- long URLs / links never clip out of a card ---- */
.pch-root a,
.pch-root .pch-single-body,
.pch-root .pch-single-body p,
.pch-root .pch-postcard-excerpt,
.pch-root .pch-svc-desc,
.pch-root .pch-job-desc{overflow-wrap:anywhere;word-break:break-word}
.pch-root pre,.pch-root code{white-space:pre-wrap;word-break:break-word;max-width:100%}
.pch-root .pch-single-body img,.pch-root .pch-single-hero img{max-width:100%;height:auto}

/* ---- 5. v1.5.2 -- card cover image is always a clean 16:9 crop ---- */
.pch-postcard-img{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--pch-line-soft);border-radius:var(--pch-r) var(--pch-r) 0 0}
.pch-postcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.pch-postcard-img.is-fallback{display:block;background:var(--pch-surface-2);border-bottom:1px solid var(--pch-line)}
/* ---- Toasts Container (MNC-grade clean, zero clipping) ---- */
#pch-toasts {
	position:fixed;
	bottom:32px;
	right:24px;
	max-width:360px;
	width:calc(100vw - 48px);
	z-index:2147483647;
	display: flex;
	flex-direction: column;
	gap: 10px;
	pointer-events: none;
	box-sizing:border-box;
}
.pch-toast {
	pointer-events: auto;
	background:#0f1b3d;
	color:#ffffff;
	font-family: var(--pch-font-body);
	font-size:0.86rem;
	font-weight:600;
	padding:11px 16px;
	border-radius:10px;
	box-shadow:0 16px 40px rgba(15,27,61,0.35);
	border:1px solid rgba(255,255,255,0.2);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	word-break:break-word;
	box-sizing:border-box;
	width:100%;
	animation: pchToastIn 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.pch-toast.is-success {
	border-left:4px solid #10b981;
}
.pch-toast.is-error {
	background:#7f1d1d;
	color:#ffffff;
	border:1px solid #ef4444;
	border-left:4px solid #ef4444;
}
.pch-toast-text {
	flex: 1;
}
.pch-toast-close {
	background: none;
	border: none;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	opacity: 0.85;
	padding: 0 0 0 8px;
	line-height: 1;
	margin-left: auto;
	transition: opacity 0.15s ease;
}
.pch-toast-close:hover {
	opacity: 1;
}
.pch-toast-close:focus-visible {
	outline: 2px solid #FFFFFF;
	border-radius: 4px;
}
@keyframes pchToastIn {
	from { opacity: 0; transform: translateY(12px) scale(0.96); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ══════════════════════════════════════════════════════════════════════
   CONSOLIDATED INTEGRATION FIXES, MY-COMPANIES & MOBILE CTA
   ══════════════════════════════════════════════════════════════════════ */
body.pch-fullwidth .site-content,
body.pch-fullwidth .content-area,
body.pch-fullwidth .site-main,
body.pch-fullwidth .entry-content,
body.pch-fullwidth .inside-article{width:100%;max-width:100%;float:none;margin-left:0;margin-right:0}
body.pch-fullwidth #right-sidebar,
body.pch-fullwidth #left-sidebar,
body.pch-fullwidth .widget-area{display:none!important}
body.pch-fullwidth .inside-article{padding:0}
body.pch-fullwidth .entry-header,
body.pch-fullwidth .entry-title,
body.pch-fullwidth .page-header{display:none}
body.pch-fullwidth .site-content .content-area{padding:0}

body.pch-fullwidth #primary,
body.pch-fullwidth #content,
body.pch-fullwidth .ast-container,
body.pch-fullwidth .content-wrap,
body.pch-fullwidth .wp-site-blocks,
body.pch-fullwidth .entry-content > .alignwide,
body.pch-fullwidth main{width:100%;max-width:100%;float:none;padding-left:0;padding-right:0}
body.pch-fullwidth #secondary,
body.pch-fullwidth .sidebar-primary,
body.pch-fullwidth .wp-block-template-part.sidebar{display:none!important}
body.pch-fullwidth .entry-content > *{max-width:none}

body.pch-fullwidth .site-header,
body.pch-fullwidth #masthead,
body.pch-fullwidth .main-navigation,
body.pch-fullwidth .wp-block-template-part.header{position:relative;z-index:900}
body.pch-fullwidth .site-footer,
body.pch-fullwidth #colophon,
body.pch-fullwidth .wp-block-template-part.footer{position:relative;z-index:900;clear:both}
body.pch-fullwidth .site-main,
body.pch-fullwidth .entry-content{position:relative;z-index:0;overflow:visible}
body.pch-fullwidth .pch-root{position:relative;z-index:0;display:flow-root}
.pch-modal, #pch-modal-report, #pch-modal-claim, #pch-lead-modal, #pch-delete-modal{position:fixed;z-index:2147483647;}
@media(max-width:900px){
	body.pch-fullwidth .site-main,
	body.pch-fullwidth .entry-content{padding-bottom:0}
	body.pch-fullwidth .pch-root{margin-bottom:0;padding-bottom:24px}
}

.pch-mc-root{background:transparent}
.pch-mc-wrap{display:flex;flex-direction:column;gap:.7rem}
.pch-mc-empty{color:var(--pch-muted,#64748b);font-size:.9rem;padding:.5rem 0}
.pch-mc-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pch-muted,#64748b);margin:0 0 .55rem}
.pch-mc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem .85rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--pch-line,#e5e9f0);border-radius:var(--pch-r,14px);background:var(--pch-surface,#fff);box-shadow:var(--pch-sh-xs,0 1px 2px rgba(15,27,61,.04))}
.pch-mc-row img,.pch-mc-fallback{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none}
.pch-mc-fallback{background:var(--pch-ink,#0f1b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.pch-mc-info{min-width:0}
.pch-mc-info b{display:block;font-size:.98rem;color:var(--pch-ink,#0f1b3d);overflow-wrap:anywhere}
.pch-mc-role{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--pch-accent-soft,#f1f5f9);color:var(--pch-ink-soft,#1e3a5f);border-radius:999px;padding:.15rem .55rem;margin-top:.3rem}
.pch-mc-cap{display:block;font-size:.82rem;color:var(--pch-muted,#64748b);margin-top:.35rem}
.pch-mc-act{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){
	.pch-mc-row{grid-template-columns:auto minmax(0,1fr)}
	.pch-mc-act{grid-column:1 / -1}
	.pch-mc-act .pch-btn{flex:1 1 auto;justify-content:center}
}

@media (min-width: 769px) {
	#pch-mobile-cta-bar { display: none !important; }
}
@media (max-width: 768px) {
	body.pch-fullwidth,
	body.pch-company-template,
	main.pch-section,
	.pch-wrap,
	.pch-single-main {
		padding-bottom:96px;
	}
	#pch-mobile-cta-bar {
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		z-index:9999;
		padding-bottom:env(safe-area-inset-bottom, 12px);
	}
}

/* MNC Clean Dribbble-Style Showcase Cards (Framed Inset Media + 3D Hover Physics) */
article.pch-card,
.pch-card.pst-svc-card,
.pch-card.pch-svc,
.pch-card.pst-svc-card-item,
.pch-card.pch-job-card-item,
.pch-grid > article.pch-card {
	padding:14px;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:18px;
	box-shadow:0 4px 20px -4px rgba(15,27,61,0.06);
	transition:transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
	transform-style: preserve-3d;
	perspective: 1000px;
	box-sizing:border-box;
}

article.pch-card:hover,
.pch-card.pst-svc-card:hover,
.pch-card.pch-svc:hover,
.pch-card.pst-svc-card-item:hover,
.pch-card.pch-job-card-item:hover,
.pch-grid > article.pch-card:hover {
	transform:translatey(-7px) scale(1.012);
	box-shadow:0 24px 44px -12px rgba(15,27,61,0.14), 0 0 1px rgba(15,27,61,0.1);
	border-color:#cbd5e1;
}

.pch-card-media-slider,
.pch-card-media-slider-wrap,
.pch-card .pv17-card-media {
	border-radius:12px;
	overflow:hidden;
	border:1px solid #f1f5f9;
}

.pch-card-media-slider img,
.pch-card-media-slider-wrap img,
.pch-card .pv17-card-media img {
	border-radius:12px;
	transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

article.pch-card:hover .pch-card-media-slider img,
article.pch-card:hover .pch-card-media-slider-wrap img,
article.pch-card:hover .pv17-card-media img {
	transform:scale(1.045);
}

.pch-card-media-slider + div,
.pch-card-media-slider-wrap + div {
	padding:1rem 0.25rem 0.25rem;
}

.pst-svc-card-btn-main {
	transition:transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

article.pch-card:hover .pst-svc-card-btn-main {
	background-color:#c5a059;
	transform:translatex(2px);
}

/* Mobile Viewport Parity: 360px / 390px / 428px Touch & Layout Hardening */
@media (max-width: 480px) {
	article.pch-card,
	.pch-card.pst-svc-card,
	.pch-card.pch-svc,
	.pch-card.pst-svc-card-item,
	.pch-card.pch-job-card-item {
		padding:12px;
		border-radius:16px;
	}
	.pch-grid {
		grid-template-columns:1fr;
	}
	article.pch-card .pst-svc-card-btn-main,
	article.pch-card .pst-svc-card-btn-sub,
	article.pch-card .pst-svc-card-btn-report {
		min-height:38px;
		display:inline-flex;
		align-items:center;
		justify-content:center;
	}
	article.pch-card .pst-svc-card-btn-main {
		flex:1 1 auto;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
   MNC STANDARDIZED ENTERPRISE CARD COMPONENT (DRIBBLE / STRIPE GRADE)
   ═══════════════════════════════════════════════════════════════════════════ */
.pch-standard-card {
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	box-shadow:0 4px 20px -4px rgba(15, 27, 61, 0.06);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	height:100%;
	max-width:360px;
	width:100%;
	margin:0 auto;
	transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
	position:relative;
}

.pch-standard-card:hover {
	transform:translatey(-5px);
	box-shadow:0 16px 36px -8px rgba(15, 27, 61, 0.12), 0 0 1px rgba(15, 27, 61, 0.1);
	border-color:#cbd5e1;
}

.pch-standard-card-body {
	padding:1rem 1.15rem;
	display:flex;
	flex-direction:column;
	flex:1;
	min-width:0;
}

.pch-standard-card-title {
	margin:0.2rem 0 0.35rem;
	font-size:1.05rem;
	font-weight:800;
	color:#0f1b3d;
	line-height:1.35;
	letter-spacing:-0.015em;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.7em;
}

.pch-standard-card-title a {
	color:#0f1b3d;
	text-decoration:none;
	transition:color 0.15s ease;
}

.pch-standard-card-title a:hover {
	color:#2563eb;
}

.pch-standard-card-desc {
	font-size:0.84rem;
	color:#64748b;
	line-height:1.5;
	margin:0 0 0.85rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	flex:1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MNC SPLIT-SCREEN CREATOR COCKPIT (FAANG / LINKEDIN GRADE ONBOARDING)
   ═══════════════════════════════════════════════════════════════════════════ */
.pch-creator-container {
	width:100%;
	max-width:1260px;
	margin:0 auto;
	padding:clamp(1rem, 2.5vw, 2rem) clamp(1rem, 2vw, 1.5rem) 4rem;
	box-sizing:border-box;
}

.pch-creator-header {
	margin-bottom:2rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	flex-wrap:wrap;
	gap:1rem;
	border-bottom:1px solid #e2e8f0;
	padding-bottom:1.25rem;
}

.pch-creator-header-left h1 {
	font-size:clamp(1.6rem, 2.8vw, 2.2rem);
	font-weight:800;
	color:#0f1b3d;
	letter-spacing:-0.025em;
	line-height:1.15;
	margin:0 0 0.4rem 0;
}

.pch-creator-header-left p {
	font-size:0.95rem;
	color:#64748b;
	margin:0;
}

.pch-creator-progress-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:6px 14px;
	background:#f1f5f9;
	border-radius:999px;
	font-size:0.85rem;
	font-weight:700;
	color:#0f1b3d;
	border:1px solid #e2e8f0;
}

.pch-creator-grid {
	display:grid;
	grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr);
	gap:2.25rem;
	align-items:start;
	width:100%;
	box-sizing:border-box;
}

/* Left Form Workstation Card */
.pch-creator-card {
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:18px;
	box-shadow:0 4px 24px -4px rgba(15, 27, 61, 0.05), 0 1px 2px rgba(15, 27, 61, 0.03);
	padding:clamp(1.25rem, 3vw, 2.25rem);
	box-sizing:border-box;
	width:100%;
	transition:box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Modern Connected Stepper */
.pch-creator-stepper {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:0.5rem;
	position:relative;
	margin-bottom:1.75rem;
	background:#f8fafc;
	padding:6px;
	border-radius:12px;
	border:1px solid #e2e8f0;
}

.pch-creator-step-btn {
	background:transparent;
	border:none;
	padding:10px 12px;
	border-radius:8px;
	font-size:0.85rem;
	font-weight:700;
	color:#64748b;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	transition:all 0.2s ease;
	line-height:1;
}

.pch-creator-step-btn .pch-step-dot {
	width:20px;
	height:20px;
	border-radius:50%;
	background:#e2e8f0;
	color:#64748b;
	font-size:0.75rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:800;
	transition:all 0.2s ease;
}

.pch-creator-step-btn.is-active {
	background:#ffffff;
	color:#0f1b3d;
	box-shadow:0 2px 8px rgba(15, 27, 61, 0.08);
}

.pch-creator-step-btn.is-active .pch-step-dot {
	background:#0f1b3d;
	color:#ffffff;
}

.pch-creator-step-btn.is-done {
	color:#0f1b3d;
}

.pch-creator-step-btn.is-done .pch-step-dot {
	background:#16a34a;
	color:#ffffff;
}

.pch-creator-progress-track {
	width:100%;
	height:4px;
	background:#f1f5f9;
	border-radius:999px;
	overflow:hidden;
	margin-bottom:2rem;
}

.pch-creator-progress-fill {
	height:100%;
	background:linear-gradient(90deg, #0f1b3d 0%, #2563eb 100%);
	border-radius:999px;
	transition:width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pch-progress-step-1 { width:33.333%; }
.pch-progress-step-2 { width:66.666%; }
.pch-progress-step-3 { width:100%; }
.pch-breadcrumbs{display:flex;align-items:center;gap:.45rem;max-width:1180px;margin:0 auto;padding:.75rem 1rem 0;color:#64748b;font-size:.8125rem;line-height:1.4}
.pch-breadcrumbs a{color:#1e3a8a;text-decoration:none}
.pch-breadcrumbs a:hover,.pch-breadcrumbs a:focus{text-decoration:underline}

/* Step Body Animation */
.pch-creator-stepbody {
	display: none;
	animation:pchfadeslidein 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.pch-creator-stepbody.is-active {
	display:block;
}

@keyframes pchFadeSlideIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Slug Live Indicator */
.pch-slug-live-status {
	display:flex;
	align-items:center;
	gap:6px;
	font-size:0.82rem;
	margin-top:0.35rem;
	font-weight:600;
}

.pch-slug-live-status.is-ok {
	color:#16a34a;
}

.pch-slug-live-status.is-bad {
	color:#dc2626;
}

/* Right Sticky Live Preview Deck */
.pch-live-deck {
	position:sticky;
	top:24px;
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	width:100%;
	box-sizing:border-box;
}

.pch-live-deck-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:0.5rem;
}

.pch-live-deck-title {
	font-size:0.92rem;
	font-weight:800;
	color:#0f1b3d;
	text-transform:uppercase;
	letter-spacing:0.05em;
	display:flex;
	align-items:center;
	gap:8px;
}

.pch-live-pulse-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#16a34a;
	box-shadow:0 0 0 0 rgba(22, 163, 74, 0.7);
	animation:pchpulse 1.8s infinite;
}

@keyframes pchPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7);
	}
	70% {
		box-shadow: 0 0 0 7px rgba(22, 163, 74, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(22, 163, 74, 0);
	}
}

/* The Live Postorie Company Card */
.pch-live-card {
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 10px 30px -5px rgba(15, 27, 61, 0.08), 0 4px 6px -2px rgba(15, 27, 61, 0.03);
	transition:all 0.3s ease;
}

.pch-live-card-banner {
	height:95px;
	background:linear-gradient(135deg, #0f1b3d 0%, #1e3a5f 100%);
	position:relative;
}

.pch-live-card-body {
	padding:0 1.25rem 1.25rem;
	position:relative;
}

.pch-live-avatar-wrap {
	width:64px;
	height:64px;
	border-radius:14px;
	background:#ffffff;
	border:3px solid #ffffff;
	box-shadow:0 4px 12px rgba(15, 27, 61, 0.15);
	margin-top:-32px;
	margin-bottom:0.75rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	font-weight:800;
	font-size:1.4rem;
	color:#0f1b3d;
}

.pch-live-title-row {
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
	margin-bottom:4px;
}

.pch-live-name {
	font-size:1.2rem;
	font-weight:800;
	color:#0f1b3d;
	margin:0;
	line-height:1.2;
}

.pch-live-tagline {
	font-size:0.88rem;
	color:#64748b;
	margin:0 0 0.85rem 0;
	line-height:1.45;
	min-height:1.45em;
}

.pch-live-meta-row {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-bottom:1rem;
}

.pch-live-meta-chip {
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:4px 10px;
	background:#f8fafc;
	border:1px solid #e2e8f0;
	border-radius:6px;
	font-size:0.78rem;
	font-weight:600;
	color:#334155;
}

.pch-live-card-footer {
	border-top:1px solid #f1f5f9;
	padding-top:0.75rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:0.8rem;
	color:#94a3b8;
}

/* Trust Guarantees Box */
.pch-trust-guarantees {
	background:#f8fafc;
	border:1px solid #e2e8f0;
	border-radius:14px;
	padding:1.25rem;
	display:flex;
	flex-direction:column;
	gap:0.9rem;
}

.pch-trust-item {
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.pch-trust-icon {
	width:20px;
	height:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	color:#0f1b3d;
	margin-top:2px;
}

.pch-trust-icon svg {
	width:18px;
	height:18px;
	stroke:currentcolor;
	fill:none;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.pch-trust-text {
	display:flex;
	flex-direction:column;
	gap:2px;
}

.pch-trust-headline {
	font-size:0.85rem;
	font-weight:700;
	color:#0f1b3d;
}

.pch-trust-desc {
	font-size:0.78rem;
	color:#64748b;
	line-height:1.35;
}

/* Mobile Responsiveness (< 900px) */
@media (max-width: 900px) {
	.pch-creator-grid {
		grid-template-columns:1fr;
		gap:1.5rem;
	}
	.pch-live-deck {
		position:static;
	}
	.pch-creator-stepper {
		grid-template-columns:repeat(3, 1fr);
	}
	.pch-creator-step-btn span.pch-step-text {
		font-size:0.78rem;
	}
}

@media (max-width: 480px) {
	.pch-creator-stepper {
		padding:4px;
		gap:3px;
	}
	.pch-creator-step-btn {
		padding:8px 4px;
		font-size:0.72rem;
	}
	.pch-creator-step-btn .pch-step-dot {
		width:18px;
		height:18px;
		font-size:0.7rem;
	}
	.pch-creator-card {
		padding:1rem;
		border-radius:14px;
	}
}

/* ==========================================================================
   POSTORIE COMPANY HUB: MODAL FOLLOWERS & POSTCARD DESIGN SYSTEM TOKENS
   ========================================================================== */
.pch-followers-empty {
	padding: 40px 20px;
	text-align: center;
	color: #64748B;
	font-size: 14px;
	font-weight: 500;
}
.pch-dir-head { margin-bottom: 1.5rem; }
.pch-btn-create-company { margin-left: auto; }
.pch-empty.pch-empty-full { grid-column: 1 / -1; }
.pch-mc-notices { margin-bottom: 1.1rem; }
.pch-note-action { margin-top: 0.5rem; }
.pch-admin-missing-pages { list-style: disc; margin-left: 20px; }

/* Status Text Utility Tokens */
.pch-status-submitting { color: #0F1B3D; font-weight: 600; }
.pch-status-success { color: #16A34A; font-weight: 700; }
.pch-status-error { color: #DC2626; font-weight: 700; }

/* Creator Wizard Design System Tokens */
.pch-req { color: #DC2626; }
.pch-slug-input-wrap { display: flex; align-items: center; background: #F8FAFC; border: 1px solid var(--pch-line); border-radius: var(--pch-r-sm); overflow: hidden; transition: border-color .15s ease; }
.pch-slug-prefix { padding: 0 0.85rem; color: #64748B; font-size: 0.88rem; font-weight: 600; background: #F1F5F9; border-right: 1px solid var(--pch-line); line-height: 44px; white-space: nowrap; user-select: none; }
.pch-slug-input-inner { border:none; background:transparent; box-shadow:none; }
.pch-creator-step-footer { margin-top: 2rem; display: flex; align-items: center; }
.pch-creator-step-footer.pch-flex-end { justify-content: flex-end; }
.pch-creator-step-footer.pch-flex-between { justify-content: space-between; }
.pch-scope-summary { padding: 0.75rem 0; margin-bottom: 1rem; }
.pch-btn-submit-wizard { padding:0.75rem 1.75rem; font-size:0.95rem; }
.pch-badge-realtime { font-size: 0.78rem; font-weight: 700; color: #16A34A; background: #ECFDF5; padding: 3px 8px; border-radius: 999px; }
.pch-preview-avatar { font-size: 1.5rem; font-weight: 800; color: #0F1B3D; }
.pch-badge-verified-sm { font-size: 0.7rem; padding: 2px 7px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; }
.pch-preview-rating { font-weight: 700; color: #0F1B3D; display: inline-flex; align-items: center; gap: 4px; }
.pch-mt-4 { margin-top: 1rem; }
.pch-header-h1 { font-size: 1.5rem; font-weight: 800; color: #0F1B3D; }

/* Company Comparison Matrix */
.pst-compare-empty { padding: 40px; text-align: center; color: #64748B; }
.pst-compare-wrap { max-width: 1100px; margin: 30px auto; padding: 0 20px; font-family: var(--ff-body, 'Jost', sans-serif); overflow-x: auto; }
.pst-compare-header { margin-bottom: 24px; }
.pst-compare-title { font-size: 24px; font-weight: 700; color: #0F1B3D; margin: 0 0 6px; }
.pst-compare-sub { color: #64748B; font-size: 14px; margin: 0; }
.pst-compare-table { width: 100%; border-collapse: collapse; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 25px rgba(15, 27, 61, 0.06); }
.pst-compare-table thead tr { background: #F8FAFC; border-bottom: 1px solid #E2E8F0; }
.pst-compare-table th.pst-col-metric { padding: 16px; text-align: left; font-size: 13px; color: #64748B; font-weight: 700; width: 200px; }
.pst-compare-table th.pst-col-company { padding: 16px; text-align: center; font-size: 15px; color: #0F172A; font-weight: 700; }
.pst-compare-logo { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; margin: 0 auto 8px; display: block; }
.pst-compare-co-link { color: #0F1B3D; text-decoration: none; }
.pst-compare-table tbody tr { border-bottom: 1px solid #F1F5F9; }
.pst-compare-table tbody tr:last-child { border-bottom: none; }
.pst-compare-table td.pst-cell-label { padding: 14px 16px; font-weight: 600; color: #475569; font-size: 13px; }
.pst-compare-table td.pst-cell-val { padding: 14px 16px; text-align: center; font-size: 13px; color: #0F172A; }
.pst-compare-table td.pst-cell-val-accent { padding: 14px 16px; text-align: center; font-size: 13px; color: #047857; font-weight: 700; }
.pst-compare-hub-btn { display: inline-block; background: #0F1B3D; color: #FFFFFF; padding: 8px 16px; border-radius: 999px; font-size: 12px; font-weight: 600; text-decoration: none; transition: opacity 0.18s ease; }
.pst-compare-hub-btn:hover { opacity: 0.9; }
.pch-modal-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(15, 27, 61, 0.65);
	backdrop-filter: blur(5px);
	z-index: 100005;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}
.pch-modal-dialog {
	background: #FFFFFF;
	border-radius: 18px;
	max-width: 480px;
	width: 100%;
	padding: 24px;
	box-shadow: 0 24px 60px rgba(15, 27, 61, 0.28);
	border: 1px solid #E2E8F0;
	position: relative;
	box-sizing: border-box;
	animation: pchModalIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.pch-modal-close {
	position: absolute;
	right: 18px;
	top: 18px;
	background: none;
	border: none;
	font-size: 22px;
	color: #64748B;
	cursor: pointer;
	line-height: 1;
}
.pch-modal-heading {
	margin: 0 0 16px 0;
	font-size: 17px;
	font-weight: 800;
	color: #0F1B3D;
}
.pch-followers-container {
	min-height: 120px;
}
.pch-followers-skeleton-wrap {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.pch-followers-skeleton-bar {
	height: 52px;
	background: #F1F5F9;
	border-radius: 10px;
}
.pch-followers-error {
	padding: 30px;
	text-align: center;
	color: #DC2626;
	font-size: 14px;
	font-weight: 600;
}
.pch-followers-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-height: 420px;
	overflow-y: auto;
	padding-right: 4px;
}
.pch-follower-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 16px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	transition: all 0.18s ease;
}
.pch-follower-card:hover {
	background: #FFFFFF;
	border-color: #CBD5E1;
	box-shadow: 0 4px 12px -2px rgba(15, 27, 61, 0.06);
}
.pch-follower-card-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	min-width: 0;
	flex: 1;
}
.pch-follower-avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #CBD5E1;
	flex-shrink: 0;
}
.pch-follower-info {
	min-width: 0;
}
.pch-follower-name {
	font-weight: 700;
	font-size: 14px;
	color: #0F1B3D;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pch-follower-handle {
	font-size: 12px;
	color: #64748B;
}
.pch-follower-tagline {
	font-size: 11px;
	color: #475569;
	margin-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 240px;
}
.pch-follower-btn {
	font-size: 12px;
	padding: 6px 14px;
	border-radius: 999px;
	font-weight: 700;
	flex-shrink: 0;
}

/* Post Card Component (Clean External CSS, No Inline, No JS Hover) */
.pch-card.pch-postcard {
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #E2E8F0;
	overflow: hidden;
	box-shadow: 0 2px 8px -2px rgba(15, 27, 61, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	height: auto;
	min-height: 0;
	box-sizing: border-box;
	width: 100%;
}
#pch-feed.pch-grid-2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}
#pch-feed.pch-grid-2:has(> :only-child) {
	grid-template-columns: minmax(min(100%, 340px), 520px);
}
.pch-card.pch-postcard:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -4px rgba(15, 27, 61, 0.1);
}
.pch-postcard .pv17-card-media {
	position: relative;
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #F8FAFC;
}
.pch-postcard .pv17-card-cat-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(15, 27, 61, 0.88);
	color: #FFFFFF;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: capitalize;
	z-index: 2;
	line-height: 1.2;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
.pch-postcard .pv17-draft-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #FEF3C7;
	color: #92400E;
	font-size: 10.5px;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 999px;
	z-index: 2;
	line-height: 1;
}
.pch-postcard .pv17-card-thumb-link {
	display: block;
	width: 100%;
	height: 100%;
}
.pch-postcard .pv17-card-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.pch-postcard .pv17-card-body {
	padding: 12px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.pch-postcard .pv17-card-byline {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.pch-postcard .pv17-byline-av-link {
	display: inline-block;
	flex-shrink: 0;
}
.pch-postcard .pv17-byline-avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #E2E8F0;
}
.pch-postcard .pv17-byline-fallback-av {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #0F1B3D;
	color: #FFFFFF;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 11px;
	flex-shrink: 0;
}
.pch-postcard .pv17-byline-info {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.pch-postcard .pv17-byline-name {
	font-size: 12px;
	font-weight: 700;
	color: #0F1B3D;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pch-postcard .pv17-byline-sub {
	font-size: 10.5px;
	color: #64748B;
	display: flex;
	align-items: center;
	gap: 4px;
}
.pch-postcard .pv17-card-title {
	font-size: 0.98rem;
	line-height: 1.35;
	font-weight: 800;
	margin: 0 0 6px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	letter-spacing: -0.01em;
}
.pch-postcard .pv17-card-title a {
	color: #0F1B3D;
	text-decoration: none;
}
.pch-postcard .pv17-card-excerpt {
	font-size: 0.82rem;
	color: #64748B;
	line-height: 1.45;
	margin: 0 0 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}
.pch-postcard .pv17-card-engagement-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: auto;
	border-top: 1px solid #F1F5F9;
	gap: 6px;
}
.pch-postcard .pv17-eng-group {
	display: flex;
	align-items: center;
	gap: 6px;
}
.pch-postcard .pv17-comments-stat {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11.5px;
	color: #64748B;
}
.pch-postcard .pv17-card-actions {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-top: 8px;
	border-top: 1px dashed #E2E8F0;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto;
}
.pch-postcard .pv17-card-actions.is-draft-actions {
	margin-top: auto;
}
.pch-postcard .pv17-card-edit-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 9px;
	background: #F8FAFC;
	color: #0F172A;
	border: 1px solid #CBD5E1;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	flex-shrink: 0;
}
.pch-postcard .pv17-card-del-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 9px;
	background: #FEF2F2;
	color: #DC2626;
	border: 1px solid #FECACA;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
	line-height: 1;
	flex-shrink: 0;
}





/* ══════════════════════════════════════════════════════════════════════════
   PCH ENTERPRISE CARDS & REPORT MODAL DESIGN SYSTEM
   MNC-Standard Scoped CSS — 0 Inline Code
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Global Report Modal ── */
.pch-report-modal.pch-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 27, 61, 0.7);
	z-index: 999999;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.pch-report-modal-box {
	background: #FFFFFF;
	border-radius: 18px;
	max-width: 500px;
	width: 100%;
	padding: 2rem;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
	position: relative;
	box-sizing: border-box;
}
.pch-modal-close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	background: none;
	border: none;
	font-size: 24px;
	color: #94A3B8;
	cursor: pointer;
	line-height: 1;
	transition: color 0.15s ease;
	padding: 4px;
}
.pch-modal-close-btn:hover {
	color: #0F1B3D;
}
.pch-report-modal-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 1rem;
}
.pch-report-modal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: #FEF2F2;
	border: 1px solid #FCA5A5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #DC2626;
	flex-shrink: 0;
}
.pch-report-modal-title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 800;
	color: #0F1B3D;
	line-height: 1.3;
}
.pch-report-modal-subtitle {
	margin: 2px 0 0;
	font-size: 0.82rem;
	color: #64748B;
	line-height: 1.4;
}
.pch-report-target-display {
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 0.85rem;
	font-weight: 700;
	color: #0F1B3D;
	margin-bottom: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pch-report-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.pch-report-form-group {
	display: flex;
	flex-direction: column;
}
.pch-report-form-label {
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #475569;
	display: block;
	margin-bottom: 4px;
}
.pch-report-form-select,
.pch-report-form-input,
.pch-report-form-textarea {
	width: 100%;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid #CBD5E1;
	font-size: 0.95rem;
	background: #FFFFFF;
	box-sizing: border-box;
	font-family: inherit;
	color: #0F1B3D;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pch-report-form-select:focus,
.pch-report-form-input:focus,
.pch-report-form-textarea:focus {
	border-color: #0F1B3D;
	outline: none;
	box-shadow: 0 0 0 3px rgba(15, 27, 61, 0.1);
}
.pch-report-form-textarea {
	font-size: 0.9rem;
	resize: vertical;
	min-height: 80px;
}
.pch-report-status-msg {
	font-size: 0.85rem;
	font-weight: 700;
	min-height: 20px;
}
.pch-report-submit-btn {
	padding: 12px 16px;
	font-size: 0.98rem;
	font-weight: 700;
	background: #DC2626;
	border: 1px solid #DC2626;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 8px;
	transition: background 0.15s ease, transform 0.15s ease;
	width: 100%;
}
.pch-report-submit-btn:hover {
	background: #B91C1C;
	border-color: #B91C1C;
}

/* ── Media Slider Component ── */
.pch-card-media-slider {
	position: relative;
	width: 100%;
	height: 160px;
	background: #F8FAFC;
	overflow: hidden;
	border-bottom: 1px solid #F1F5F9;
	flex-shrink: 0;
}
.pch-card-media-slider .pch-slider-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.pch-card-media-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.pch-card-media-slider .pch-slider-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
	color: #94A3B8;
}
.pch-card-media-video-badge {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: rgba(15, 27, 61, 0.85);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 6px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* ── Service Card ── */
article.pch-card.pch-svc {
	padding:0;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	position: relative;
}
article.pch-card.pch-svc:hover {
	box-shadow: 0 16px 40px rgba(15, 27, 61, 0.10);
	transform: translateY(-4px);
}
.pch-svc-media-link {
	display: block;
	position: relative;
	overflow: hidden;
	height: 185px;
	text-decoration: none;
	flex-shrink: 0;
}
.pch-svc-media-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
article.pch-card.pch-svc:hover .pch-svc-media-link img {
	transform: scale(1.06);
}
.pch-svc-media-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, hsl(var(--card-h, 210), 45%, 20%) 0%, hsl(var(--card-h2, 250), 50%, 35%) 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.pch-svc-media-placeholder svg {
	stroke: rgba(255, 255, 255, 0.5);
}
.pch-svc-media-placeholder-label {
	font-size: 0.8rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.55);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.pch-svc-price-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: rgba(15, 27, 61, 0.85);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: #FFFFFF;
	font-size: 0.78rem;
	font-weight: 800;
	padding: 4px 10px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	letter-spacing: 0.01em;
}
.pch-svc-body {
	padding: 1rem 1.1rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	flex: 1;
}
.pch-svc-cat-pill {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: #EFF6FF;
	color: #1E40AF;
	padding: 3px 9px;
	border-radius: 6px;
	border: 1px solid #DBEAFE;
	align-self: flex-start;
}
.pch-svc-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #0F1B3D;
	line-height: 1.35;
}
.pch-svc-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}
.pch-svc-title a:hover {
	color: #C5A059;
}
.pch-svc-desc {
	margin: 0;
	font-size: 0.85rem;
	color: #475569;
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pch-svc-delivery {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.78rem;
	color: #64748B;
}
.pch-svc-byline {
	margin-top: auto;
	padding-top: 0.75rem;
	border-top: 1px solid #F1F5F9;
	display: flex;
	align-items: center;
	gap: 8px;
}
.pch-svc-byline-logo {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	object-fit: cover;
	border: 1px solid #E2E8F0;
	flex-shrink: 0;
}
.pch-svc-byline-avatar {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: #0F1B3D;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	font-weight: 800;
	flex-shrink: 0;
}
.pch-svc-byline-name {
	font-size: 0.8rem;
	font-weight: 700;
	color: #334155;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pch-svc-byline-name:hover {
	color: #0F1B3D;
}
.pch-svc-verified-badge {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.72rem;
	background: #ECFDF5;
	color: #059669;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 6px;
	border: 1px solid #A7F3D0;
	flex-shrink: 0;
	line-height: 1;
}
.pch-svc-verified-badge svg {
	flex-shrink: 0;
	display: block;
}
.pch-svc-actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.pch-svc-btn-primary {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0F1B3D;
	color: #FFFFFF;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 8px 12px;
	border-radius: 9px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background 0.15s ease;
}
.pch-svc-btn-primary:hover {
	background: #1E293B;
	color: #FFFFFF;
}
.pch-svc-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #0F1B3D;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 8px 12px;
	border-radius: 9px;
	text-decoration: none;
	border: 1px solid #CBD5E1;
	transition: background 0.15s ease;
}
.pch-svc-btn-secondary:hover {
	background: #F8FAFC;
}
.pch-svc-btn-edit {
	padding: 7px 10px;
	border-radius: 9px;
	border: 1px solid #E2E8F0;
	background: transparent;
	cursor: pointer;
	font-size: 0.78rem;
}
.pch-svc-btn-delete {
	padding: 7px 8px;
	border-radius: 9px;
	border: 1px solid #FECACA;
	background: #FEF2F2;
	color: #DC2626;
	cursor: pointer;
	font-size: 0.78rem;
}

/* ── Job Card ── */
article.pch-card.pch-job-card-item {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	padding: 1.35rem 1.45rem;
	margin-bottom: 16px;
	box-shadow: 0 2px 10px rgba(15, 27, 61, 0.03);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	box-sizing: border-box;
}
article.pch-card.pch-job-card-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 30px rgba(15, 27, 61, 0.08);
	border-color: #CBD5E1;
}
.pch-job-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}
.pch-job-company-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex: 1;
}
.pch-job-logo-box {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.pch-job-logo-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pch-job-logo-box span {
	font-size: 18px;
	font-weight: 800;
	color: #0F1B3D;
}
.pch-job-company-info {
	min-width: 0;
	flex: 1;
}
.pch-job-company-title-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.pch-job-company-link {
	font-size: 13.5px;
	font-weight: 800;
	color: #0F1B3D;
	text-decoration: none;
	transition: color 0.15s ease;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.pch-job-company-link:hover {
	color: #C5A059;
}
.pch-job-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 3.5px;
	background: #DCFCE7;
	color: #15803D;
	padding: 2px 7px;
	border-radius: 5px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.03em;
	flex-shrink: 0;
	line-height: 1;
	border: 1px solid #BBF7D0;
}
.pch-job-verified-badge svg {
	flex-shrink: 0;
	display: block;
}
.pch-job-meta-row {
	font-size: 11.5px;
	color: #64748B;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	flex-wrap: wrap;
}
.pch-job-meta-loc {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.pch-job-meta-dot {
	color: #CBD5E1;
}
.pch-job-meta-time {
	color: #94A3B8;
}
.pch-job-body {
	/* main body */
}
.pch-job-title {
	margin: 0 0 8px;
	font-size: 1.15rem;
	font-weight: 800;
	color: #0F1B3D;
	line-height: 1.3;
}
.pch-job-title-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}
.pch-job-title-link:hover {
	color: #C5A059;
}
.pch-job-paused-badge {
	background: #FEF3C7;
	color: #92400E;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
}
.pch-job-pills-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.pch-job-pill-type {
	background: #EFF6FF;
	color: #1E40AF;
	border: 1px solid #DBEAFE;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 700;
}
.pch-job-pill-category {
	background: #F5F3FF;
	color: #6D28D9;
	border: 1px solid #DDD6FE;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 700;
}
.pch-job-pill-exp {
	background: #FFF7ED;
	color: #C2410C;
	border: 1px solid #FFEDD5;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 700;
}
.pch-job-pill-loc {
	background: #F8FAFC;
	color: #475569;
	border: 1px solid #E2E8F0;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.pch-job-pill-sal {
	background: #ECFDF5;
	color: #047857;
	border: 1px solid #A7F3D0;
	padding: 3px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
}
.pch-job-desc {
	font-size: 0.86rem;
	color: #64748B;
	line-height: 1.55;
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pch-job-skills-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	margin-top: 6px;
}
.pch-job-skills-label {
	font-size: 11px;
	font-weight: 700;
	color: #94A3B8;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.pch-job-skill-badge {
	background: #F1F5F9;
	color: #334155;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
}
.pst-job-card-actions {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid #F1F5F9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
}
.pch-job-admin-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}
.pch-job-admin-btn {
	padding: 4px 8px;
	font-size: 0.65rem;
	border-radius: 5px;
}
.pch-job-verified-role-text {
	font-size: 11.5px;
	color: #94A3B8;
	font-weight: 600;
}
.pch-job-actions-right {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}
.pch-job-btn-view {
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid #CBD5E1;
	background: #FFFFFF;
	color: #0F1B3D;
	font-weight: 700;
	font-size: 12.5px;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
}
.pch-job-btn-view:hover {
	background: #F8FAFC;
	color: #0F1B3D;
}
.pch-job-btn-apply {
	padding: 8px 18px;
	border-radius: 8px;
	border: none;
	background: #0F1B3D;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 12.5px;
	cursor: pointer;
	line-height: 1;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(15, 27, 61, 0.15);
	transition: all 0.15s ease;
}
.pch-job-btn-apply:hover {
	background: #162447;
	transform: translateY(-1px);
}

/* ── Person Card ── */
article.pch-card.pch-person-card {
	border-radius:16px;
	overflow:hidden;
	border:1px solid #e2e8f0;
	background:#ffffff;
	box-shadow:0 10px 28px -6px rgba(15, 27, 61, 0.08);
	transition:all 0.25s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}
.pch-person-banner {
	height: 64px;
	background: linear-gradient(135deg, #0F1B3D 0%, #1E293B 60%, #334155 100%);
	position: relative;
}
.pch-person-role-badge {
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
	background: rgba(255, 255, 255, 0.12);
	padding: 2px 8px;
	border-radius: 999px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.pch-person-body {
	padding: 0 1.25rem 1.25rem 1.25rem;
	flex: 1;
}
.pch-person-avatar-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: -32px;
	margin-bottom: 0.75rem;
}
.pch-person-avatar-link {
	display: inline-block;
	position: relative;
	text-decoration: none;
}
.pch-person-avatar-img {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	box-shadow: 0 6px 16px rgba(15, 27, 61, 0.15);
	object-fit: cover;
	background: #F8FAFC;
}
.pch-person-leader-badge {
	position: absolute;
	bottom: 2px;
	right: -2px;
	background: #C5A059;
	color: #FFFFFF;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #FFFFFF;
}
.pch-person-name {
	margin: 0 0 0.25rem 0;
	font-size: 1.05rem;
	font-weight: 800;
	color: #0F1B3D;
	line-height: 1.3;
	display: flex;
	align-items: center;
	gap: 6px;
}
.pch-person-name a {
	color: #0F1B3D;
	text-decoration: none;
	transition: color 0.2s ease;
}
.pch-person-name a:hover {
	color: #C5A059;
}
.pch-person-subtitle {
	margin: 0 0 0.85rem 0;
	font-size: 0.84rem;
	color: #64748B;
	line-height: 1.4;
	font-weight: 500;
}
.pch-person-footer {
	padding: 0.85rem 1.25rem;
	background: #F8FAFC;
	border-top: 1px solid #F1F5F9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	border-radius: 0 0 16px 16px;
}
.pch-person-profile-btn {
	border-radius:999px;
	padding:0.4rem 1rem;
	font-weight:700;
	font-size:0.8rem;
	background:#ffffff;
	border:1px solid #cbd5e1;
	color:#0f1b3d;
	-webkit-text-fill-color:#0f1b3d;
	text-decoration:none;
	transition: background 0.15s ease;
}
.pch-person-profile-btn:hover {
	background:#f1f5f9;
}
.pch-person-admin-controls {
	display: flex;
	align-items: center;
	gap: 4px;
}
.pch-person-role-select {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
}
.pch-person-remove-btn {
	padding: 7px 8px;
}

/* ── Listing Card ── */
article.pch-card.pch-listing-card {
	padding:0;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 14px;
	box-shadow: 0 2px 12px -2px rgba(15, 27, 61, 0.05);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
article.pch-card.pch-listing-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px -6px rgba(15, 27, 61, 0.12);
	border-color: #CBD5E1;
}
.pch-listing-admin-bar {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	gap: 5px;
	z-index: 20;
}
.pch-listing-admin-edit {
	background: #FFFFFF;
	color: #0F1B3D;
	border: 1px solid #CBD5E1;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	line-height: 1;
	height: 24px;
	box-sizing: border-box;
	text-decoration: none;
}
.pch-listing-admin-delete {
	background: #E11D48;
	color: #FFFFFF;
	border: none;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	line-height: 1;
	height: 24px;
	box-sizing: border-box;
	transition: background 0.15s ease;
}
.pch-listing-admin-delete:hover {
	background: #BE123C;
}
.pch-listing-media {
	position: relative;
	height: 135px;
	background: #F8FAFC;
	overflow: hidden;
	border-bottom: 1px solid #F1F5F9;
}
.pch-listing-purpose-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
	font-size: 0.62rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: rgba(15, 27, 61, 0.85);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	color: #FFFFFF;
	padding: 2px 7px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.pch-listing-media-link {
	display: block;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
}
.pch-listing-media-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}
article.pch-card.pch-listing-card:hover .pch-listing-media-img {
	transform: scale(1.05);
}
.pch-listing-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: linear-gradient(135deg, hsl(var(--card-h, 210), 35%, 22%) 0%, hsl(var(--card-h2, 240), 40%, 35%) 100%);
	color: #FFFFFF;
	text-decoration: none;
	gap: 4px;
}
.pch-listing-placeholder svg {
	stroke: rgba(255, 255, 255, 0.7);
}
.pch-listing-placeholder-label {
	font-size: 10px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.pch-listing-body {
	padding: 0.75rem 0.95rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.pch-listing-header-row {
	font-size: 0.65rem;
	font-weight: 700;
	color: #0F1B3D;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 3px;
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
.pch-listing-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: #DCFCE7;
	color: #15803D;
	padding: 2px 6px;
	border-radius: 5px;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 1;
	border: 1px solid #BBF7D0;
}
.pch-listing-verified-badge svg {
	flex-shrink: 0;
	display: block;
}
.pch-listing-title {
	margin: 1px 0 4px;
	font-size: 0.95rem;
	font-weight: 800;
	color: #0F1B3D;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.pch-listing-title-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}
.pch-listing-title-link:hover {
	color: #C5A059;
}
.pch-listing-specs {
	font-size: 0.68rem;
	font-weight: 700;
	color: #0F1B3D;
	background: #F1F5F9;
	padding: 2px 6px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 6px;
	width: fit-content;
}
.pch-listing-desc {
	font-size: 0.78rem;
	color: #64748B;
	line-height: 1.45;
	margin: 0 0 0.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pch-listing-loc-row {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 0.72rem;
	color: #64748B;
	margin-bottom: 0.65rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pch-listing-loc-text {
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
}
.pch-listing-footer {
	margin-top: auto;
	padding-top: 0.65rem;
	border-top: 1px solid #F1F5F9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.4rem;
}
.pch-listing-price-col {
	flex-shrink: 0;
}
.pch-listing-price-sub {
	font-size: 0.55rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748B;
	display: block;
	margin-bottom: 1px;
	line-height: 1;
}
.pch-listing-price-val {
	display: flex;
	align-items: baseline;
	gap: 0.25rem;
}
.pch-listing-price-num {
	font-size: 1.05rem;
	font-weight: 800;
	color: #0F1B3D;
	line-height: 1;
}
.pch-listing-actions {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	flex-wrap: nowrap;
	white-space: nowrap;
	flex-shrink: 0;
}
.pch-listing-report-btn {
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 6px;
	border: 1px solid #FECACA;
	background: #FEF2F2;
	color: #DC2626;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
	flex-shrink: 0;
}
.pch-listing-report-btn:hover {
	background: #FEE2E2;
	border-color: #F87171;
}
.pch-listing-view-btn {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 6px 12px;
	border-radius: 6px;
	background: #0F1B3D;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 0.74rem;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	transition: background 0.15s ease, transform 0.15s ease;
	box-shadow: 0 2px 6px rgba(15, 27, 61, 0.12);
}
.pch-listing-view-btn:hover {
	background: #C5A059;
	color: #FFFFFF;
	transform: translateY(-1px);
}


/* Enterprise Company Page Polish */
.pch-cover { background-image: var(--cover-url); background-size: cover; background-position: center; }
.pch-panel-heading-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.pch-rail-job-row { display: flex; flex-direction: column; gap: 3px; }
.pch-rail-job-row + .pch-rail-job-row { padding-top: 10px; border-top: 1px solid #F1F5F9; }
.pch-website-link { color: #0F1B3D; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.pch-website-link:hover { color: #2563EB; }
.pch-fact-website-link { color: #0F1B3D; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.pch-fact-website-link:hover { color: #2563EB; }
.pch-rail-similar-item { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; text-decoration: none; }
.pch-rail-similar-item + .pch-rail-similar-item { padding-top: 10px; border-top: 1px solid #F1F5F9; }
.pch-rail-logo-sm { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; border: 1px solid #E2E8F0; flex-shrink: 0; }
.pch-access { border-radius: 16px; border: 1px solid #E2E8F0; background: #FFFFFF; box-shadow: 0 8px 24px -4px rgba(15,27,61,0.06); padding: 1.5rem; margin-bottom: 2rem; }
.pch-role-chip { cursor: pointer; border: 1px solid #CBD5E1; background: #F1F5F9; color: #0F1B3D; font-weight: 600; padding: 4px 12px; border-radius: 999px; }
.pch-role-chip:hover { background: #E2E8F0; }
.pch-people-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.pch-analytics-badge { font-size: 12px; font-weight: 700; color: #64748B; background: #F1F5F9; padding: 3px 8px; border-radius: 6px; }
.pch-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--dot-color, #2563EB); display: inline-block; }

/* ═══════════════════════════════════════════════════════════════════════════
   MNC PROTOCOL V2.2.1: CONTRAST LOCK, LOGO EDIT CONTROLS & FOLLOWER MICRO-PILL
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1. Bullet-proof Accent & Primary Button Text / SVG Contrast (14.5:1 Ratio) */
.pch-btn-accent,
a.pch-btn-accent,
a.pch-btn-accent:link,
a.pch-btn-accent:visited,
button.pch-btn-accent,
.pch-feed-compose-btn,
a.pch-feed-compose-btn {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #0F1B3D !important;
}

.pch-btn-accent:hover,
.pch-btn-accent:focus,
.pch-btn-accent:active,
a.pch-btn-accent:hover,
a.pch-btn-accent:focus,
a.pch-btn-accent:active,
.pch-feed-compose-btn:hover,
a.pch-feed-compose-btn:hover {
	background: #1E293B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #1E293B !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(15, 27, 61, 0.18) !important;
}

.pch-btn-accent svg,
a.pch-btn-accent svg,
button.pch-btn-accent svg,
.pch-btn-accent svg *,
a.pch-btn-accent svg *,
button.pch-btn-accent svg * {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	stroke: #FFFFFF !important;
}

.pch-btn-accent span,
a.pch-btn-accent span,
button.pch-btn-accent span {
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
}

.pch-btn-primary,
a.pch-btn-primary,
a.pch-btn-primary:link,
a.pch-btn-primary:visited,
button.pch-btn-primary {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #0F1B3D !important;
}

.pch-btn-primary:hover,
a.pch-btn-primary:hover,
button.pch-btn-primary:hover {
	background: #1E293B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #1E293B !important;
}

.pch-btn-primary svg,
a.pch-btn-primary svg,
button.pch-btn-primary svg,
.pch-btn-primary svg *,
a.pch-btn-primary svg *,
button.pch-btn-primary svg * {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	stroke: #FFFFFF !important;
}

/* 2. Floating Admin Logo Edit Badge (Zero Layout Shift / CLS = 0) */
.pch-hero-logo {
	position: relative !important;
	display: inline-block;
}

.pch-logo-edit-badge {
	position: absolute;
	bottom: -2px;
	right: -2px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #0F1B3D;
	border: 2px solid #FFFFFF;
	border-radius: 999px;
	padding: 3px 8px;
	box-shadow: 0 4px 10px rgba(15, 27, 61, 0.28);
	z-index: 15;
	transition: all 0.2s ease;
	line-height: 1;
}

.pch-hero-logo-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF !important;
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 1;
	user-select: none;
}

.pch-hero-logo-label svg,
.pch-hero-logo-label svg * {
	fill: #FFFFFF !important;
	color: #FFFFFF !important;
}

.pch-hero-logo-label:hover {
	color: #F1F5F9 !important;
}

.pch-hero-logo-remove {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 0 0 2px !important;
	color: #F87171 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	line-height: 1 !important;
	border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
	padding-left: 5px !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	border-radius: 0 !important;
}

.pch-hero-logo-remove:hover {
	color: #EF4444 !important;
	background: transparent !important;
}

.pch-hero-logo-remove svg,
.pch-hero-logo-remove svg * {
	fill: currentColor !important;
}

/* 3. Follower Count Interactive Micro-Pill */
.pch-hero-facts .pch-followers-trigger-btn,
button.pch-followers-trigger-btn {
	background: #F1F5F9 !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 999px !important;
	padding: 2px 10px !important;
	margin: 0 !important;
	color: var(--pch-ink, #0F1B3D) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: all 0.15s ease !important;
	box-shadow: none !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
	vertical-align: middle !important;
}

.pch-hero-facts .pch-followers-trigger-btn:hover,
button.pch-followers-trigger-btn:hover {
	background: #E2E8F0 !important;
	border-color: #CBD5E1 !important;
	color: var(--pch-accent, #0F1B3D) !important;
	transform: translateY(-1px);
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE ENTERPRISE THEME ZEROING (GENERATEPRESS + BLOCK THEMES)
   ══════════════════════════════════════════════════════════════════ */
body.pch-fullwidth #page,
body.pch-fullwidth #content,
body.pch-fullwidth #primary,
body.pch-fullwidth .site-content,
body.pch-fullwidth .content-area,
body.pch-fullwidth .site-main,
body.pch-fullwidth article.type-page,
body.pch-fullwidth .inside-article,
body.pch-fullwidth .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	float: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE ENTERPRISE 2-TIER HERO ACTION BUTTONS
   ══════════════════════════════════════════════════════════════════ */
.pch-hero-actions {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 10px !important;
	flex-shrink: 0 !important;
}
.pch-hero-actions-primary {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
}
.pch-hero-actions-secondary {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
}
@media (max-width: 767px) {
	.pch-hero-actions {
		width: 100% !important;
		align-items: center !important;
		margin-top: 14px !important;
	}
	.pch-hero-actions-primary,
	.pch-hero-actions-secondary {
		width: 100% !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		justify-content: center !important;
	}
	.pch-hero-actions-primary .pch-btn {
		flex: 1 1 calc(50% - 4px) !important;
		min-width: 0 !important;
		height: 38px !important;
		padding: 0 8px !important;
		font-size: 12px !important;
		justify-content: center !important;
	}
	.pch-hero-actions-primary .pch-btn-claim {
		flex: 1 1 100% !important;
		width: 100% !important;
	}
	.pch-hero-actions-secondary .pch-btn-website {
		width: 100% !important;
	}
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE ENTERPRISE POLISH & ZERO-OVERFLOW DEFINITIONS
   ══════════════════════════════════════════════════════════════════ */
html, body {
	overflow-x: hidden !important;
}
.pch-root, .pch-hero, .pch-wrap {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* 1. Verified Badge & Title Row */
.pch-hero-title-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	margin-bottom: 6px !important;
}
.pch-verified-badge-btn,
button.pch-verified-badge-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	background: rgba(197, 160, 89, 0.12) !important;
	color: #9A7B38 !important;
	border: 1px solid rgba(197, 160, 89, 0.4) !important;
	border-radius: 999px !important;
	padding: 3px 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: none !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	transition: all 0.15s ease !important;
}
.pch-verified-badge-btn:hover,
button.pch-verified-badge-btn:hover {
	background: rgba(197, 160, 89, 0.22) !important;
	border-color: #C5A059 !important;
	color: #7B6024 !important;
	transform: translateY(-1px);
}
.pch-verified-badge-btn svg,
button.pch-verified-badge-btn svg {
	width: 12px !important;
	height: 12px !important;
	stroke: #9A7B38 !important;
	stroke-width: 2.5 !important;
	fill: none !important;
}

/* 2. Hero Action Buttons Unified Design */
.pch-hero-actions .pch-btn {
	height: 38px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}
.pch-btn-follow,
button.pch-btn-follow {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
	border: 1px solid #0F1B3D !important;
}
.pch-btn-follow:hover,
button.pch-btn-follow:hover {
	background: #1E293B !important;
	border-color: #1E293B !important;
	color: #FFFFFF !important;
}
.pch-btn-follow.is-following,
button.pch-btn-follow.is-following {
	background: #F1F5F9 !important;
	color: #0F1B3D !important;
	border: 1px solid #CBD5E1 !important;
}
.pch-btn-subscribe,
button.pch-btn-subscribe {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
	border: 1px solid #0F1B3D !important;
}
.pch-btn-subscribe:hover,
button.pch-btn-subscribe:hover {
	background: #1E293B !important;
	border-color: #1E293B !important;
	color: #FFFFFF !important;
}
.pch-btn-claim,
button.pch-btn-claim,
a.pch-btn-claim,
.pch-btn-website,
a.pch-btn-website {
	background: #FFFFFF !important;
	color: #0F1B3D !important;
	border: 1px solid #CBD5E1 !important;
}
.pch-btn-claim:hover,
.pch-btn-website:hover {
	background: #F8FAFC !important;
	border-color: #94A3B8 !important;
	color: #0F1B3D !important;
}

/* 3. Mobile Sticky Conversion Bar (Mobile Only: <=768px, Hidden on Desktop) */
#pch-mobile-cta-bar,
.pch-mobile-cta-bar {
	display: none !important;
}

@media (max-width: 768px) {
	#pch-mobile-cta-bar {
		display: flex !important;
		align-items: center !important;
		justify-content: space-around !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		border-top: 1px solid #E2E8F0 !important;
		box-shadow: 0 -4px 20px rgba(15, 27, 61, 0.08) !important;
		padding: 10px 16px !important;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 9999 !important;
		gap: 8px !important;
		box-sizing: border-box !important;
	}
	.pch-mobile-cta-btn {
		flex: 1 1 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		height: 40px !important;
		border-radius: 8px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
		transition: all 0.15s ease !important;
	}
	.pch-mobile-cta-wa {
		background: #25D366 !important;
		color: #FFFFFF !important;
	}
	.pch-mobile-cta-tel {
		background: #0F1B3D !important;
		color: #FFFFFF !important;
	}
	.pch-mobile-cta-mail {
		background: #F1F5F9 !important;
		color: #0F1B3D !important;
		border: 1px solid #CBD5E1 !important;
	}
}

@media (max-width: 767px) {
	.pch-hero-title-row {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 6px !important;
	}
	.pch-hero-name {
		font-size: 24px !important;
		line-height: 1.25 !important;
		margin: 0 !important;
		text-align: center !important;
	}
	.pch-hero-tagline {
		text-align: center !important;
	}
	.pch-hero-facts {
		justify-content: center !important;
		text-align: center !important;
	}
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE OWNER BAR & COMPOSE CONTRAST SAFEGUARDS (WCAG 2.2 AA)
   ══════════════════════════════════════════════════════════════════ */
.pch-me-act .pch-btn-accent,
.pch-panel-heading-row .pch-btn-accent,
.pch-feed-compose-btn {
	background-color: #0F1B3D !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #0F1B3D !important;
}
.pch-me-act .pch-btn-accent:hover,
.pch-panel-heading-row .pch-btn-accent:hover,
.pch-feed-compose-btn:hover {
	background-color: #1E293B !important;
	color: #FFFFFF !important;
	-webkit-text-fill-color: #FFFFFF !important;
	border-color: #1E293B !important;
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE COMPANY HUB — ENTERPRISE ENHANCEMENTS v2.3.0
   Clean Underline Tabs, Single-Item Showcase, 100% Class Coverage
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. Enterprise Underline Tab Navigation (LinkedIn / Crunchbase Style) ── */
.pch-tabsbar {
	position: relative;
	background: #FFFFFF !important;
	border-bottom: 1px solid #E2E8F0 !important;
	border-top: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 24px !important;
	width: 100% !important;
	z-index: 10;
}
.pch-tabsbar .pch-wrap,
.pch-tabsbar-wrap {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	padding: 0 clamp(14px, 3vw, 32px) !important;
	width: 100% !important;
	max-width: var(--pch-max, 1200px) !important;
	box-sizing: border-box !important;
}
.pch-tabs {
	display: flex !important;
	gap: 28px !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
}
.pch-tabs::-webkit-scrollbar { display: none !important; }
.pch-tab {
	position: relative !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	padding: 14px 4px 16px 4px !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	color: #64748B !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: color .15s ease !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
}
.pch-tab:hover {
	color: #0F1B3D !important;
	background: transparent !important;
	border: none !important;
}
.pch-tab.is-active {
	color: #0F1B3D !important;
	font-weight: 700 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.pch-tab.is-active::after {
	content: '' !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 3px !important;
	background: #0F1B3D !important;
	border-radius: 3px 3px 0 0 !important;
}
.pch-tab-count {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 2px 7px !important;
	border-radius: 999px !important;
	background: #F1F5F9 !important;
	color: #475569 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1 !important;
}
.pch-tab.is-active .pch-tab-count {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
}
.pch-tab-count[hidden] { display: none !important; }

/* ── 2. Enterprise Showcase for 1-Item Grids (Eliminates Empty Voids) ── */
#pch-feed:has(> :only-child) {
	grid-template-columns: 1fr !important;
	max-width: 860px !important;
	margin: 0 auto !important;
}
#pch-feed:has(> :only-child) .pch-postcard {
	display: grid !important;
	grid-template-columns: minmax(260px, 340px) 1fr !important;
	align-items: stretch !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}
@media (max-width: 680px) {
	#pch-feed:has(> :only-child) .pch-postcard {
		grid-template-columns: 1fr !important;
	}
	#pch-feed:has(> :only-child) .pch-postcard-img {
		border-radius: 16px 16px 0 0 !important;
		height: 200px !important;
		min-height: 200px !important;
	}
}

.pch-cards-grid:has(> :only-child) {
	grid-template-columns: minmax(min(100%, 340px), 540px) !important;
	justify-content: start !important;
}
.pch-people-grid:has(> :only-child) {
	grid-template-columns: minmax(min(100%, 320px), 520px) !important;
	justify-content: start !important;
}

/* ── 3. Hero Elements & Facts ── */
.pch-hero-logo-box {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	background: #FFFFFF !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 14px rgba(15, 27, 61, 0.08) !important;
}
.pch-hero-logo-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
.pch-hero-fact-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13.5px !important;
	color: #64748B !important;
	font-weight: 500 !important;
}
.pch-hero-fact-item svg {
	color: #94A3B8 !important;
	flex-shrink: 0 !important;
}

/* ── 4. About Tab Classes ── */
.pch-about-desc {
	font-size: 15px !important;
	line-height: 1.8 !important;
	color: #334155 !important;
	margin-bottom: 1.5rem !important;
}
.pch-about-desc p {
	margin: 0 0 1rem 0 !important;
}
.pch-about-empty-desc {
	color: #94A3B8 !important;
	font-style: italic !important;
	margin: 0 !important;
}
.pch-about-subheading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 1.5rem 0 0.85rem 0 !important;
	letter-spacing: -0.01em !important;
}
.pch-about-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 1.5rem !important;
}
.pch-about-chip {
	background: #F1F5F9 !important;
	color: #0F1B3D !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	border: 1px solid #E2E8F0 !important;
	display: inline-block !important;
}
.pch-about-contact-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.pch-about-contact-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 14px !important;
	color: #475569 !important;
}
.pch-about-contact-val {
	color: #0F1B3D !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}
.pch-about-contact-val:hover {
	color: #2563EB !important;
	text-decoration: underline !important;
}

/* ── 5. Jobs Tab Classes ── */
.pch-jobs-wrap {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}
.pch-jobs-safety-banner {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	padding: 14px 18px !important;
	border-radius: 12px !important;
	background: #FFFBEB !important;
	border: 1px solid #FDE68A !important;
	color: #92400E !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	box-sizing: border-box !important;
}
.pch-safety-icon {
	color: #D97706 !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
}
.pch-safety-highlight {
	color: #B45309 !important;
	font-weight: 700 !important;
}
.pch-jobs-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	width: 100% !important;
}

/* ── 6. Sidebar Rail Classes ── */
.pch-rail-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 0 12px 0 !important;
	letter-spacing: -0.01em !important;
}
.pch-rail-subheading {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 16px 0 8px 0 !important;
}
.pch-rail-btn {
	width: 100% !important;
	justify-content: center !important;
	margin-top: 10px !important;
}
.pch-rail-items-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-bottom: 12px !important;
}
.pch-rail-job-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #0F1B3D !important;
	display: block !important;
}
.pch-rail-job-meta {
	font-size: 12.5px !important;
	color: #64748B !important;
}
.pch-rail-map-wrap {
	border-radius: 12px !important;
	overflow: hidden !important;
	border: 1px solid #E2E8F0 !important;
	margin-bottom: 8px !important;
	height: 180px !important;
}
.pch-rail-map-iframe {
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
	display: block !important;
}
.pch-rail-map-caption {
	font-size: 12.5px !important;
	color: #64748B !important;
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin: 6px 0 0 0 !important;
}
.pch-similar-list,
.pch-rail-similar-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.pch-rail-img {
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	object-fit: cover !important;
	border: 1px solid #E2E8F0 !important;
	flex-shrink: 0 !important;
}
.pch-rail-similar-text {
	min-width: 0 !important;
	flex: 1 !important;
}
.pch-rail-similar-name {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.pch-rail-similar-ind {
	font-size: 12px !important;
	color: #64748B !important;
	display: block !important;
}

/* ── 7. Feed Empty State Classes ── */
.pch-feed-empty-title {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 0 6px 0 !important;
}
.pch-feed-empty-desc {
	font-size: 0.95rem !important;
	color: #64748B !important;
	margin: 0 0 1rem 0 !important;
	line-height: 1.5 !important;
}
.pch-feed-empty-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* ── 8. People Tab Layout Rows ── */
.pch-people-search-row {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
	margin-bottom: 1.25rem !important;
	flex-wrap: wrap !important;
}
.pch-people-tabs-row {
	display: flex !important;
	gap: 10px !important;
	align-items: center !important;
	margin-bottom: 1.25rem !important;
	flex-wrap: wrap !important;
}

/* ── 9. Trust & Verification Modal ── */
.pch-trust-modal {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(15, 27, 61, 0.65) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.5rem !important;
	z-index: 99999 !important;
	box-sizing: border-box !important;
}
.pch-trust-modal.is-open {
	display: flex !important;
}
.pch-trust-modal-box {
	background: #FFFFFF !important;
	border-radius: 20px !important;
	max-width: 520px !important;
	width: 100% !important;
	padding: 2.25rem !important;
	box-shadow: 0 24px 64px rgba(15, 27, 61, 0.25) !important;
	position: relative !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
	box-sizing: border-box !important;
}
.pch-trust-modal-close {
	position: absolute !important;
	top: 1.25rem !important;
	right: 1.25rem !important;
	background: #F1F5F9 !important;
	border: none !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	font-size: 1.25rem !important;
	color: #475569 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
}
.pch-trust-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 1.25rem !important;
	padding-bottom: 1rem !important;
	border-bottom: 1px solid #E2E8F0 !important;
}
.pch-trust-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
	margin: 0 !important;
}
.pch-trust-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}
.pch-trust-badge-tag {
	background: #ECFDF5 !important;
	color: #065F46 !important;
	border: 1px solid #A7F3D0 !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}
.pch-trust-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}
.pch-trust-score-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 14px !important;
	color: #475569 !important;
}
.pch-trust-score-lbl {
	font-weight: 600 !important;
}
.pch-trust-score-val {
	color: #0F1B3D !important;
	font-weight: 700 !important;
}
.pch-trust-checklist {
	background: #F8FAFC !important;
	border-radius: 12px !important;
	border: 1px solid #E2E8F0 !important;
	padding: 12px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.pch-trust-check-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 13.5px !important;
}
.pch-trust-check-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #334155 !important;
	font-weight: 500 !important;
}
.pch-trust-check-label svg {
	color: #10B981 !important;
	flex-shrink: 0 !important;
}
.pch-trust-check-status {
	font-weight: 700 !important;
	color: #10B981 !important;
	font-size: 12.5px !important;
}
.pch-trust-disclaimer {
	font-size: 12px !important;
	color: #94A3B8 !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}
.pch-trust-close-btn {
	width: 100% !important;
	justify-content: center !important;
	margin-top: 1rem !important;
}

/* ── 10. Analytics Dashboard & Reporting ── */
.pch-analytics-wrap {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}
.pch-analytics-header {
	margin-bottom: 0.5rem !important;
}
.pch-analytics-title {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
	margin: 0 0 4px 0 !important;
}
.pch-analytics-subtitle {
	font-size: 0.95rem !important;
	color: #64748B !important;
	margin: 0 !important;
}
.pch-analytics-card {
	padding: 1.5rem !important;
}
.pch-analytics-card-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 1.25rem !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.pch-analytics-card-title {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 !important;
}
.pch-analytics-badge {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #64748B !important;
	background: #F1F5F9 !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
}
.pch-analytics-bars-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.pch-analytics-bar-item {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}
.pch-analytics-bar-label-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 13.5px !important;
	color: #334155 !important;
	font-weight: 500 !important;
}
.pch-analytics-track {
	width: 100% !important;
	height: 8px !important;
	background: #E2E8F0 !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	position: relative !important;
}
.pch-analytics-fill {
	height: 100% !important;
	width: var(--fill-pct, 0%) !important;
	background: var(--fill-bg, #0F1B3D) !important;
	border-radius: 999px !important;
	transition: width 0.3s ease !important;
}
.pch-analytics-ctr-details {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin-top: 1rem !important;
}
.pch-analytics-scores-wrap {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
}
.pch-analytics-score-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 6px !important;
}
.pch-analytics-score-val {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
}
.pch-analytics-score-sub {
	font-size: 12px !important;
	color: #64748B !important;
	margin-top: 4px !important;
}
.pch-analytics-breakdown-title {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 1.5rem 0 1rem 0 !important;
}
.pch-analytics-breakdown-row {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin-bottom: 12px !important;
}
.pch-analytics-top-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 1rem !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.pch-analytics-top-title {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 0 2px 0 !important;
}
.pch-analytics-top-sub {
	font-size: 12.5px !important;
	color: #64748B !important;
	margin: 0 !important;
}
.pch-analytics-top-badge {
	font-size: 12px !important;
}
.pch-analytics-top-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
.pch-analytics-top-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 10px !important;
	transition: background 0.15s ease !important;
}
.pch-analytics-top-item:hover {
	background: #F8FAFC !important;
}
.pch-analytics-rank {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #64748B !important;
	width: 24px !important;
	flex-shrink: 0 !important;
}
.pch-analytics-thumb {
	width: 44px !important;
	height: 44px !important;
	border-radius: 8px !important;
	object-fit: cover !important;
	flex-shrink: 0 !important;
}
.pch-analytics-post-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	text-decoration: none !important;
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.pch-analytics-post-title:hover {
	color: #2563EB !important;
}
.pch-analytics-post-date {
	font-size: 12px !important;
	color: #94A3B8 !important;
	margin-top: 2px !important;
}
.pch-analytics-post-reads {
	margin-left: auto !important;
	flex-shrink: 0 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}
.pch-bar-lbl-left {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* ── 11. Modal Dialogs: Claim Business, Delete Confirm, Edit Profile ── */
.pch-claim-modal,
.pch-delete-confirm-modal {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(15, 27, 61, 0.65) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.5rem !important;
	z-index: 99999 !important;
	box-sizing: border-box !important;
}
.pch-claim-modal.is-open,
.pch-delete-confirm-modal.is-open {
	display: flex !important;
}
.pch-claim-modal-box,
.pch-delete-confirm-box {
	background: #FFFFFF !important;
	border-radius: 20px !important;
	max-width: 480px !important;
	width: 100% !important;
	padding: 2rem !important;
	box-shadow: 0 24px 64px rgba(15, 27, 61, 0.25) !important;
	position: relative !important;
	box-sizing: border-box !important;
}
.pch-claim-title,
.pch-delete-confirm-title {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
	margin: 0 0 8px 0 !important;
}
.pch-claim-desc,
.pch-delete-confirm-desc {
	font-size: 0.95rem !important;
	color: #475569 !important;
	line-height: 1.55 !important;
	margin: 0 0 1.25rem 0 !important;
}
.pch-claim-form,
.pch-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.pch-claim-label,
.pch-cover-lbl,
.pch-logo-lbl {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	margin-bottom: -4px !important;
}
.pch-claim-input {
	width: 100% !important;
	padding: 10px 14px !important;
	border: 1px solid #CBD5E1 !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
}
.pch-claim-submit-btn,
.pch-edit-save-btn {
	width: 100% !important;
	justify-content: center !important;
	margin-top: 8px !important;
}
.pch-delete-confirm-icon {
	width: 48px !important;
	height: 48px !important;
	border-radius: 50% !important;
	background: #FEF2F2 !important;
	color: #DC2626 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 1rem !important;
}
.pch-delete-confirm-actions {
	display: flex !important;
	gap: 10px !important;
	justify-content: flex-end !important;
	margin-top: 1.5rem !important;
}
.pch-delete-cancel-btn,
.pch-delete-confirm-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.pch-cover-btn,
.pch-cover-btn-remove {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}
.pch-danger-zone-desc {
	font-size: 13px !important;
	color: #64748B !important;
	line-height: 1.5 !important;
	margin-top: 4px !important;
}
.pch-edit-panel {
	width: 100% !important;
	box-sizing: border-box !important;
}
.pch-edit-form {
	padding: 2rem !important;
}
.pch-edit-actions {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 12px !important;
	margin-top: 1.5rem !important;
}

/* ── 12. 410 Archived Profile Page ── */
.pch-410-root {
	padding: 3rem 1rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 70vh !important;
}
.pch-410-wrap {
	max-width: 800px !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.pch-410-card {
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 20px !important;
	padding: clamp(1.5rem, 4vw, 3rem) !important;
	box-shadow: 0 4px 20px rgba(15, 27, 61, 0.05) !important;
	text-align: center !important;
}
.pch-410-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #FEF2F2 !important;
	color: #DC2626 !important;
	border: 1px solid #FCA5A5 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	margin-bottom: 1rem !important;
}
.pch-410-title {
	font-size: clamp(1.5rem, 3vw, 2rem) !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
	margin: 0 0 10px 0 !important;
}
.pch-410-desc {
	font-size: 1rem !important;
	color: #64748B !important;
	line-height: 1.6 !important;
	max-width: 580px !important;
	margin: 0 auto 1.75rem auto !important;
}
.pch-410-search-wrap {
	display: flex !important;
	gap: 8px !important;
	max-width: 480px !important;
	margin: 0 auto 2rem auto !important;
}
.pch-410-input {
	flex: 1 !important;
	padding: 10px 14px !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 8px !important;
	font-size: 14px !important;
}
.pch-410-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.pch-410-header-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 2rem 0 1rem 0 !important;
	padding-top: 1.5rem !important;
	border-top: 1px solid #F1F5F9 !important;
}
.pch-410-subheading {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 !important;
}
.pch-410-explore-link {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #2563EB !important;
	text-decoration: none !important;
}
.pch-410-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
	gap: 14px !important;
	text-align: left !important;
}
.pch-410-item-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease !important;
}
.pch-410-item-link:hover {
	border-color: #0F1B3D !important;
}
.pch-410-item-img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 8px !important;
	object-fit: cover !important;
	border: 1px solid #E2E8F0 !important;
	flex-shrink: 0 !important;
}
.pch-410-item-info {
	min-width: 0 !important;
	flex: 1 !important;
}
.pch-410-card-title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0F1B3D !important;
	margin: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.pch-410-card-cat {
	font-size: 11.5px !important;
	color: #64748B !important;
	display: block !important;
}
.pch-410-card-desc {
	font-size: 12px !important;
	color: #94A3B8 !important;
	margin: 2px 0 0 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* ── 13. Global Utility Classes ── */
.pch-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}
.pch-btn-lg {
	height: 44px !important;
	padding: 0 24px !important;
	font-size: 15px !important;
	border-radius: 10px !important;
}
.pch-grid-full {
	grid-column: 1 / -1 !important;
}
.pch-col-third {
	width: 33.333% !important;
	display: block !important;
	height: 100% !important;
	background: var(--pch-ink) !important;
}
.pch-file-input-hidden {
	display: none !important;
}
.pch-mt-1rem {
	margin-top: 1rem !important;
}
.pch-input-w220 {
	max-width: 220px !important;
}
.pch-text-green-bold {
	color: #16A34A !important;
	font-weight: 700 !important;
}
.pch-text-ink-700 {
	color: #0F1B3D !important;
	font-weight: 700 !important;
}
.pch-text-muted-600 {
	color: #64748B !important;
	font-weight: 600 !important;
}
.pch-text-slate-600 {
	color: #475569 !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
}
.pch-text-sub13 {
	font-size: 13px !important;
	color: #64748B !important;
}
.pch-text-135 {
	font-size: 13.5px !important;
}
.pch-icon-align {
	vertical-align: -2px !important;
}
.pch-svg-white {
	color: #FFFFFF !important;
}
.pch-stat-blue {
	color: #2563EB !important;
}
.pch-stat-green {
	color: #16A34A !important;
}
.pch-stat-indigo {
	color: #4F46E5 !important;
}
.pch-stat-rose {
	color: #E11D48 !important;
}
.pch-stat-ctr {
	font-size: 2.25rem !important;
	font-weight: 900 !important;
	color: #0F1B3D !important;
	line-height: 1 !important;
	margin: 0.5rem 0 !important;
}
.pch-stat-ctr-desc {
	font-size: 13px !important;
	color: #64748B !important;
}
.pch-stat-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}
.pch-score-green {
	color: #16A34A !important;
}
.pch-fill-dark {
	background: #0F1B3D !important;
}
.pch-fill-gold {
	background: #C5A059 !important;
}
.pch-fill-green {
	background: #16A34A !important;
}
.pch-track-mt {
	margin-top: 6px !important;
}
.pch-rank {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 800 !important;
}

@media (max-width: 768px) {
	.pch-mobile-cta-bar {
		display: flex !important;
		align-items: center !important;
		justify-content: space-around !important;
	}
}

/* Responsive contract and non-inline state styling */
.pch-cover { isolation:isolate; }
.pch-cover.has-cover { background:#16243E; }
.pch-cover-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.pch-cover-actions, .pch-hero-body { z-index:1; }
.pch-analytics-progress,
.pch-review-progress { width:100%; height:8px; display:block; appearance:none; border:0; border-radius:999px; overflow:hidden; background:#E2E8F0; }
.pch-analytics-progress::-webkit-progress-bar,
.pch-review-progress::-webkit-progress-bar { background:#E2E8F0; border-radius:999px; }
.pch-analytics-progress::-webkit-progress-value,
.pch-review-progress::-webkit-progress-value { background:#0F1B3D; border-radius:999px; }
.pch-analytics-progress::-moz-progress-bar,
.pch-review-progress::-moz-progress-bar { background:#0F1B3D; border-radius:999px; }
.pch-progress-gold::-webkit-progress-value,.pch-fill-gold::-webkit-progress-value { background:#C5A059; }
.pch-progress-gold::-moz-progress-bar,.pch-fill-gold::-moz-progress-bar { background:#C5A059; }
.pch-progress-green::-webkit-progress-value,.pch-fill-green::-webkit-progress-value { background:#16A34A; }
.pch-progress-green::-moz-progress-bar,.pch-fill-green::-moz-progress-bar { background:#16A34A; }
.pch-progress-source-facebook::-webkit-progress-value,.pch-status-facebook { background:#1877F2; }
.pch-progress-source-linkedin::-webkit-progress-value,.pch-status-linkedin { background:#0A66C2; }
.pch-progress-source-google::-webkit-progress-value,.pch-status-google { background:#EA4335; }
.pch-progress-source-direct::-webkit-progress-value,.pch-status-direct { background:#0F1B3D; }
.pch-progress-source-search::-webkit-progress-value,.pch-status-search { background:#C5A059; }
.pch-status-dot { width:8px; height:8px; border-radius:50%; display:inline-block; background:#2563EB; flex:0 0 auto; }
.pch-property-meta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; margin-bottom:0; }
.pch-property-meta-grid.has-following-content { margin-bottom:.85rem; }
.pch-review-card { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:10px; padding:.85rem 1rem; }
.pch-review-card.is-official { background:#FAF5EB; border-color:#F3E8D3; }
.pch-verification-status { display:inline-flex; align-items:center; gap:4px; margin-top:2px; font-size:13.5px; }
.pch-verification-status.is-active { color:#15803D; }
.pch-verification-status.is-inactive { color:#92400E; }
.pch-featured-title { font-size:1.35rem; font-weight:800; color:#0F1B3D; margin:0; line-height:1.25; font-family:var(--ff-display,'Satoshi',sans-serif); }
.pch-company-strip-fallback { width:44px; height:44px; border-radius:10px; color:#FFFFFF; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; border:1px solid rgba(0,0,0,.08); flex-shrink:0; }
.pch-company-strip-hue-0 { background:linear-gradient(135deg,hsl(0,55%,22%),hsl(35,60%,36%)); }
.pch-company-strip-hue-1 { background:linear-gradient(135deg,hsl(30,55%,22%),hsl(65,60%,36%)); }
.pch-company-strip-hue-2 { background:linear-gradient(135deg,hsl(60,55%,22%),hsl(95,60%,36%)); }
.pch-company-strip-hue-3 { background:linear-gradient(135deg,hsl(90,55%,22%),hsl(125,60%,36%)); }
.pch-company-strip-hue-4 { background:linear-gradient(135deg,hsl(120,55%,22%),hsl(155,60%,36%)); }
.pch-company-strip-hue-5 { background:linear-gradient(135deg,hsl(150,55%,22%),hsl(185,60%,36%)); }
.pch-company-strip-hue-6 { background:linear-gradient(135deg,hsl(180,55%,22%),hsl(215,60%,36%)); }
.pch-company-strip-hue-7 { background:linear-gradient(135deg,hsl(210,55%,22%),hsl(245,60%,36%)); }
.pch-company-strip-hue-8 { background:linear-gradient(135deg,hsl(240,55%,22%),hsl(275,60%,36%)); }
.pch-company-strip-hue-9 { background:linear-gradient(135deg,hsl(270,55%,22%),hsl(305,60%,36%)); }
.pch-company-strip-hue-10 { background:linear-gradient(135deg,hsl(300,55%,22%),hsl(335,60%,36%)); }
.pch-company-strip-hue-11 { background:linear-gradient(135deg,hsl(330,55%,22%),hsl(5,60%,36%)); }
.pch-gallery-thumb-btn { border:2px solid #CBD5E1; border-radius:12px; overflow:hidden; height:75px; padding:0; background:#FFF; cursor:pointer; transition:all .15s ease; box-shadow:none; }
.pch-gallery-thumb-btn.is-active { border-color:#0F1B3D; box-shadow:0 0 0 2px #C5A059; }
@media (max-width:767px) {
	.pch-root, .pch-root * { min-width:0; }
	.pch-hero-actions-primary { width:100%; display:flex; flex-wrap:wrap; gap:8px; }
	.pch-hero-actions-primary > .pch-btn { flex:1 1 140px; min-width:0; }
	.pch-hero-facts { width:100%; max-width:100%; overflow:hidden; }
	.pch-hero-fact-item { max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.pch-cols, .pch-grid { grid-template-columns:1fr !important; }
	.pch-card-rail { width:100%; }
	.pch-analytics-progress { min-width:0; }
}

/* ══════════════════════════════════════════════════════════════════
   POSTORIE ENTERPRISE POLISH v2.3.1
   Default Cover Compact Mode, Breadcrumbs Layout, Container Neutralizer
   ══════════════════════════════════════════════════════════════════ */

/* 1. Default Compact Cover Mode (Eliminates 420px Void When No Image Uploaded) */
.pch-cover:not(.has-cover) {
	height: clamp(130px, 18vw, 175px) !important;
	background: linear-gradient(135deg, #0F1B3D 0%, #16243E 50%, #1E3A5F 100%) !important;
	position: relative !important;
	overflow: hidden !important;
}
.pch-cover:not(.has-cover)::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: radial-gradient(circle at 85% 15%, rgba(197, 160, 89, 0.2) 0%, transparent 65%) !important;
	pointer-events: none !important;
}

/* 2. Breadcrumbs Alignment & Typography */
.pch-crumbs-wrap {
	background: #FFFFFF !important;
	padding: 10px clamp(14px, 3vw, 32px) 8px !important;
	border-bottom: 1px solid #F1F5F9 !important;
	width: 100% !important;
	max-width: var(--pch-max, 1200px) !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}
.pch-breadcrumbs {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	color: #64748B !important;
	line-height: 1.4 !important;
}
.pch-breadcrumbs a {
	color: #64748B !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	transition: color 0.15s ease !important;
}
.pch-breadcrumbs a:hover {
	color: #0F1B3D !important;
	text-decoration: underline !important;
}
.pch-breadcrumbs span {
	color: #0F1B3D !important;
	font-weight: 600 !important;
}

/* 3. Unclaimed Profile Badge */
.pch-chip-unclaimed {
	display: inline-flex !important;
	align-items: center !important;
	background: #F1F5F9 !important;
	color: #475569 !important;
	border: 1px solid #CBD5E1 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	padding: 3px 10px !important;
	border-radius: 999px !important;
	line-height: 1.4 !important;
}

/* 4. Complete GeneratePress Theme Container Neutralization */
body.pch-fullwidth .site.grid-container,
body:has(.pch-root) .site.grid-container,
body.pch-fullwidth .site-content,
body:has(.pch-root) .site-content,
body.pch-fullwidth .content-area,
body:has(.pch-root) .content-area,
body.pch-fullwidth .site-main,
body:has(.pch-root) .site-main,
body.pch-fullwidth .inside-article,
body:has(.pch-root) .inside-article,
body.pch-fullwidth .entry-content,
body:has(.pch-root) .entry-content {
	padding: 0 !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	width: 100% !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
body.pch-fullwidth .entry-content a,
.pch-root a {
	text-decoration: none;
}
.pch-progress-dark { background: #0F1B3D !important; }


/* ══════════════════════════════════════════════════════════════════
   POSTORIE ENTERPRISE COMPANY HUB & DASHBOARD LAYOUT ENGINE (MNC GRADE)
   100% Theme Isolation, Exact pv17 Math Blueprint, Zero-Overflow
   ══════════════════════════════════════════════════════════════════ */

/* 1. UNIVERSAL GENERATEPRESS THEME RESET (Exact pv17-dashboard match) */
html {
	overflow-x: clip;
}
body:has(#pch-root),
body.pch-fullwidth {
	max-width: 100vw;
	overflow-x: clip;
}
body:has(#pch-root) #page,
body.pch-fullwidth #page,
body:has(#pch-root) #primary,
body:has(#pch-root) .inside-article,
body:has(#pch-root) .entry-content,
body:has(#pch-root) .site-content,
body:has(#pch-root) .site-main,
body:has(#pch-root) .content-area,
body:has(#pch-root) main,
body:has(#pch-root) article,
body:has(#pch-root) .container,
body:has(#pch-root) .grid-container,
body.pch-fullwidth .site,
body.pch-fullwidth .site.grid-container,
body.pch-fullwidth .site-content,
body.pch-fullwidth #content,
body.pch-fullwidth .content-area,
body.pch-fullwidth .site-main,
body.pch-fullwidth .inside-article,
body.pch-fullwidth .entry-content,
body:has(.pst-bl-fw-wrap) #page,
body:has(.pst-bl-fw-wrap) .site,
body:has(.pst-bl-fw-wrap) .site.grid-container,
body:has(.pst-bl-fw-wrap) .site-content,
body:has(.pst-bl-fw-wrap) #content,
body:has(.postorie-agg-wrap) #page,
body:has(.postorie-agg-wrap) .site,
body:has(.postorie-agg-wrap) .site.grid-container,
body:has(.postorie-agg-wrap) .site-content,
body:has(.postorie-agg-wrap) #content {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
body.pch-fullwidth .entry-content a,
.pch-root a {
	text-decoration: none;
}

/* 1.5. Canvas Container Reset */
.postorie-hub-canvas,
.pch-canvas-main {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--pch-bg, #F6F7FB) !important;
	min-height: 80vh !important;
	box-sizing: border-box !important;
}

/* 2. Master Root Wrapper */
.pch-root * {
	box-sizing: border-box;
}
.pch-root {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	background: var(--pch-bg, #F6F7FB);
	padding-bottom: clamp(40px, 7vw, 96px);
	font-family: var(--pch-font-body, 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
	color: #0F172A;
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

/* 3. Full-Bleed Cover (Matches pv17-cover exact clamp) */
.pch-cover {
	width: 100% !important;
	max-width: 100vw !important;
	height: clamp(210px, 32vw, 380px) !important;
	background: #16243E linear-gradient(135deg, #0F1B3D 0%, #1E3A5F 100%) !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative !important;
	overflow: hidden !important;
}
.pch-cover.has-cover,
.pch-cover.has-img {
	background-color: #16243E !important;
	background-image: var(--pch-cover-bg, none) !important;
}
.pch-cover::after {
	content: '' !important;
	position: absolute !important;
	inset: auto 0 0 0 !important;
	height: clamp(56px, 9vw, 110px) !important;
	background: linear-gradient(180deg, rgba(246, 247, 251, 0), var(--pch-bg, #F6F7FB)) !important;
	pointer-events: none !important;
}
.pch-cover-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	z-index: 0 !important;
	display: block !important;
}
.pch-cover-actions {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	bottom: auto !important;
	z-index: 10 !important;
	display: flex !important;
	gap: 8px !important;
}
.pch-cover-btn,
.pch-cover-btn-remove {
	height: 34px !important;
	padding: 0 12px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	background: rgba(15, 27, 61, 0.78) !important;
	color: #FFFFFF !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}
.pch-cover-btn svg,
.pch-cover-btn-remove svg {
	stroke: #FFFFFF !important;
}
.pch-cover-btn:hover,
.pch-cover-btn-remove:hover {
	background: rgba(15, 27, 61, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
	transform: translateY(-1px) !important;
}
.pch-file-input-hidden {
	display: none !important;
}

/* 4. Unified Container (Full 1180px width) */
.pch-container {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 clamp(16px, 4vw, 32px) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	box-sizing: border-box !important;
	width: 100% !important;
}
.pch-full {
	width: 100% !important;
	box-sizing: border-box !important;
}

/* 5. Floating Hero Profile Card */
.pch-card.pch-hero-card {
	background: #FFFFFF !important;
	border: 1px solid #E5E9F0 !important;
	border-radius: 16px !important;
	padding: 0 clamp(20px, 3vw, 36px) clamp(20px, 3vw, 28px) !important;
	margin-top: clamp(-44px, -6vw, -72px) !important;
	position: relative !important;
	z-index: 2 !important;
	box-shadow: 0 1px 2px rgba(15, 27, 61, 0.04), 0 8px 24px rgba(15, 27, 61, 0.06) !important;
	box-sizing: border-box !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.pch-avatar-wrap {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	width: 100% !important;
	min-width: 0 !important;
}
.pch-logo-xl {
	width: clamp(88px, 12vw, 128px) !important;
	height: clamp(88px, 12vw, 128px) !important;
	min-width: clamp(88px, 12vw, 128px) !important;
	max-width: clamp(88px, 12vw, 128px) !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 16px !important;
	border: 4px solid #FFFFFF !important;
	margin-top: clamp(-44px, -6vw, -64px) !important;
	background: #FFFFFF !important;
	box-shadow: 0 6px 18px rgba(15, 27, 61, 0.15) !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
}
.pch-hero-logo-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
.pch-logo-fallback {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: #0F1B3D !important;
}
.pch-hero-logo {
	position: relative !important;
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
}
.pch-logo-edit-badge {
	margin-top: 6px !important;
	display: flex !important;
	gap: 4px !important;
}
.pch-hero-logo-label,
.pch-hero-logo-remove {
	font-size: 11px !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	background: #F1F5F9 !important;
	color: #0F1B3D !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	border: 1px solid #E2E8F0 !important;
	transition: all 0.15s ease !important;
}
.pch-hero-logo-label:hover,
.pch-hero-logo-remove:hover {
	background: #E2E8F0 !important;
}

/* Hero Identity */
.pch-identity {
	width: 100% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.pch-hero-title-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	margin-bottom: 2px !important;
}
.pch-hero-name {
	font-weight: 800 !important;
	font-size: clamp(24px, 3.2vw, 32px) !important;
	color: #0F1B3D !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	word-break: break-word !important;
}
.pch-verified-badge-btn {
	background: #ECFDF5 !important;
	color: #16A34A !important;
	border: 1px solid #A7F3D0 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	cursor: pointer !important;
}
.pch-chip-premium {
	background: #FEF3C7 !important;
	color: #92400E !important;
	border: 1px solid #FDE68A !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}
.pch-chip-hiring {
	background: #EFF6FF !important;
	color: #1D4ED8 !important;
	border: 1px solid #BFDBFE !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
}
.pch-hero-tagline {
	color: #475569 !important;
	font-size: clamp(14px, 1.4vw, 16px) !important;
	line-height: 1.45 !important;
	margin: 2px 0 6px 0 !important;
	font-weight: 500 !important;
}
.pch-hero-facts {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px 16px !important;
	align-items: center !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748B !important;
}
.pch-hero-fact-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	white-space: nowrap !important;
}
.pch-followers-trigger-btn {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748B !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}
.pch-followers-trigger-btn:hover {
	color: #0F1B3D !important;
}

/* Actions Row */
.pch-hero-actions {
	width: 100% !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	padding-top: 14px !important;
	margin-top: 4px !important;
	border-top: 1px solid #F1F5F9 !important;
}
.pch-hero-actions-primary {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
}
.pch-hero-actions-secondary {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}
.pch-hero-actions .pch-btn {
	height: 38px !important;
	padding: 0 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
	min-width: 0 !important;
}
.pch-btn-follow {
	background: #0F1B3D !important;
	color: #FFFFFF !important;
	border: 1px solid #0F1B3D !important;
}
.pch-btn-follow.is-following {
	background: #F8FAFC !important;
	color: #0F1B3D !important;
	border-color: #E2E8F0 !important;
}
.pch-btn-accent {
	background: #C5A059 !important;
	color: #0F1B3D !important;
	font-weight: 700 !important;
}
.pch-btn-accent:hover {
	background: #B38F48 !important;
}
.pch-btn-outline {
	background: transparent !important;
	border: 1px solid #E2E8F0 !important;
	color: #0F1B3D !important;
}
.pch-btn-outline:hover {
	background: #F8FAFC !important;
	border-color: #CBD5E1 !important;
}
.pch-btn-ghost {
	background: transparent !important;
	border: 1px solid #E2E8F0 !important;
	color: #64748B !important;
	padding: 0 10px !important;
}
.pch-btn-ghost:hover {
	color: #0F1B3D !important;
	background: #F8FAFC !important;
}

/* 6. Tabs Bar (Matches pv17-tabs exact clean pill-strip design) */
.pch-tabsbar {
	width: 100% !important;
	margin-top: 18px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
}
.pch-tabs {
	display: inline-flex !important;
	gap: 4px !important;
	background: #FFFFFF !important;
	border-radius: 14px !important;
	border: 1px solid #E5E9F0 !important;
	padding: 5px !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
	touch-action: pan-x !important;
	overscroll-behavior-x: contain !important;
	flex-wrap: nowrap !important;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 2px rgba(15, 27, 61, 0.04) !important;
}
.pch-tabs::-webkit-scrollbar {
	display: none !important;
}
.pch-tab {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748B !important;
	padding: 9px 16px !important;
	cursor: pointer !important;
	border-radius: 10px !important;
	white-space: nowrap !important;
	transition: all .15s ease !important;
	flex-shrink: 0 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: transparent !important;
	border: none !important;
	border-bottom: none !important;
	font-family: inherit !important;
	min-height: 38px !important;
	box-sizing: border-box !important;
}
.pch-tab:hover {
	color: #0F1B3D !important;
	background: #F8FAFC !important;
}
.pch-tab.is-active {
	color: #FFFFFF !important;
	background: #0F1B3D !important;
	font-weight: 700 !important;
}
.pch-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(15, 27, 61, 0.08) !important;
	color: inherit !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 1px 6px !important;
	border-radius: 999px !important;
	line-height: 1.2 !important;
}
.pch-tab.is-active .pch-badge {
	background: rgba(255, 255, 255, 0.25) !important;
	color: #FFFFFF !important;
}

/* 7. Content Area & 2-Column Grid Rhythm */
.pch-content-area {
	width: 100% !important;
	margin-top: 18px !important;
}
.pch-panel {
	display: none;
}
.pch-panel.is-active {
	display: block;
	animation: pchFade .25s ease;
}
@keyframes pchFade {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}
.pch-cols {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) clamp(240px, 26vw, 320px) !important;
	gap: clamp(16px, 2.4vw, 28px) !important;
	align-items: start !important;
	width: 100% !important;
	box-sizing: border-box !important;
}
.pch-cols > aside,
.pch-card-rail {
	position: sticky;
	top: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

/* 8. Balanced Feed Post Cards */
.pch-grid-2 {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
	gap: 20px !important;
}
.pch-postcard {
	background: #FFFFFF !important;
	border: 1px solid #E5E9F0 !important;
	border-radius: 14px !important;
	box-shadow: 0 1px 3px rgba(15, 27, 61, 0.04) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
	min-width: 0 !important;
	padding: 0 !important;
}
.pch-postcard:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 24px rgba(15, 27, 61, 0.08) !important;
	border-color: #CBD5E1 !important;
}
.pch-postcard .pv17-card-media {
	position: relative !important;
	width: 100% !important;
	height: 180px !important;
	overflow: hidden !important;
	background: #F1F5F9 !important;
}
.pch-postcard .pv17-card-thumb {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}
.pch-postcard:hover .pv17-card-thumb {
	transform: scale(1.03) !important;
}
.pch-postcard .pv17-card-body {
	padding: 16px 18px 18px !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	gap: 8px !important;
}
.pch-postcard .pv17-card-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #0F1B3D !important;
	margin: 0 !important;
	word-break: break-word !important;
}
.pch-postcard .pv17-card-excerpt {
	font-size: 13.5px !important;
	color: #64748B !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

/* 9. Mobile Conversion Sticky Bar */
.pch-mobile-cta-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FFFFFF;
	border-top: 1px solid #E5E9F0;
	padding: 8px 16px;
	z-index: 999;
	box-shadow: 0 -2px 10px rgba(15, 27, 61, 0.08);
	gap: 8px;
}
.pch-mobile-cta-btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 40px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}
.pch-mobile-cta-wa {
	background: #25D366;
	color: #FFFFFF !important;
}
.pch-mobile-cta-tel {
	background: #0F1B3D;
	color: #FFFFFF !important;
}
.pch-mobile-cta-mail {
	background: #F1F5F9;
	color: #0F1B3D !important;
	border: 1px solid #CBD5E1;
}

/* 10. Tablet, Split-Screen & Mobile Responsive Breakpoint (<= 1024px) */
@media (max-width: 1024px) {
	.pch-cover-actions {
		top: 14px !important;
		bottom: auto !important;
		right: 14px !important;
		z-index: 10 !important;
	}
	.pch-container {
		display: block !important;
		padding: 0 16px !important;
	}
	.pch-card.pch-hero-card {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 14px 16px 20px !important;
		margin-top: -36px !important;
		position: relative !important;
		z-index: 5 !important;
	}
	.pch-avatar-wrap {
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.pch-hero-logo {
		margin-top: -44px !important;
	}
	.pch-logo-xl {
		width: 76px !important;
		height: 76px !important;
		min-width: 76px !important;
		max-width: 76px !important;
		border-radius: 14px !important;
		border-width: 3.5px !important;
	}
	.pch-identity {
		order: 2 !important;
		width: 100% !important;
		text-align: left !important;
		margin-top: 2px !important;
	}
	.pch-hero-name {
		font-size: clamp(20px, 5.5vw, 24px) !important;
		line-height: 1.25 !important;
	}
	.pch-hero-tagline {
		font-size: 13px !important;
		line-height: 1.4 !important;
		margin: 3px 0 8px 0 !important;
	}
	.pch-hero-facts {
		gap: 8px 12px !important;
		font-size: 12px !important;
	}
	.pch-hero-actions {
		order: 3 !important;
		width: 100% !important;
		justify-self: stretch !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		padding-bottom: 0 !important;
		margin-top: 6px !important;
	}
	.pch-hero-actions-primary {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}
	.pch-hero-actions-primary .pch-btn {
		width: 100% !important;
		min-height: 42px !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		border-radius: 10px !important;
		justify-content: center !important;
	}
	.pch-hero-actions-secondary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		flex-wrap: wrap !important;
	}
	.pch-btn-website {
		flex: 1 1 auto !important;
		min-height: 38px !important;
		justify-content: center !important;
	}
	.pch-tabsbar {
		margin-top: 14px !important;
		width: 100% !important;
		display: block !important;
	}
	.pch-tabs {
		display: flex !important;
		width: 100% !important;
		border-radius: 12px !important;
		padding: 5px !important;
		gap: 4px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		touch-action: pan-x !important;
		overscroll-behavior-x: contain !important;
		flex-wrap: nowrap !important;
	}
	.pch-tab {
		min-height: 42px !important;
		padding: 8px 14px !important;
		font-size: 13px !important;
		flex-shrink: 0 !important;
	}
	.pch-cols {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	.pch-filters {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		touch-action: pan-x !important;
		padding-bottom: 4px !important;
		width: 100% !important;
		flex-wrap: nowrap !important;
	}
	.pch-filters::-webkit-scrollbar {
		display: none !important;
	}
	.pch-filters .pch-btn {
		flex-shrink: 0 !important;
		white-space: nowrap !important;
	}
	.pch-card-rail {
		position: static !important;
		margin-top: 16px !important;
	}
	.pch-grid-2 {
		grid-template-columns: 1fr !important;
	}
	.pch-postcard .pv17-card-actions {
		flex-wrap: wrap !important;
		gap: 6px !important;
		overflow-x: visible !important;
	}
	.pch-postcard .pv17-card-edit-btn,
	.pch-postcard .pv17-card-del-btn {
		min-height: 28px !important;
		padding: 5px 10px !important;
	}
	.pch-mobile-cta-bar {
		display: flex !important;
		align-items: center !important;
		justify-content: space-around !important;
	}
	body:has(#pch-mobile-cta-bar) .pch-root,
	body:has(.pch-mobile-cta-bar) .pch-root {
		padding-bottom: 72px !important;
	}
}

@media (max-width: 380px) {
	.pch-root {
		font-size: 13px !important;
	}
	.pch-logo-xl {
		width: 68px !important;
		height: 68px !important;
		min-width: 68px !important;
		max-width: 68px !important;
		margin-top: -34px !important;
	}
	.pch-hero-name {
		font-size: 19px !important;
	}
	.pch-tab {
		padding: 7px 10px !important;
		font-size: 12px !important;
	}
}
.pst-d-none { display: none !important; }