/* ========== DESIGN TOKENS ========== */
#pv17-root{
	--ink:#0F1B3D;
	--ink-2:#16243E;
	--ink-soft:#1E3A5F;
	--bg:#F6F7FB;
	--surface:#FFFFFF;
	--line:#E5E9F0;
	--muted:#64748B;
	--muted-2:#94A3B8;
	--text:#0F172A;
	--ok:#16A34A;
	--ok-bg:#ECFDF5;
	--warn:#D97706;
	--warn-bg:#FFFBEB;
	--err:#DC2626;
	--err-bg:#FEF2F2;
	--radius:14px;
	--radius-pill:999px;
	--shadow:0 1px 2px rgba(15,27,61,.04),0 8px 24px rgba(15,27,61,.06);
	--ring:0 0 0 3px rgba(15,27,61,.10);
	--ff:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
	--ff-display:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html {
	overflow-x: clip;
}
body:has(#pv17-root) {
	max-width:100vw;
	overflow-x:clip;
}
body:has(#pv17-root) #page,
body:has(#pv17-root) #primary,
body:has(#pv17-root) .inside-article,
body:has(#pv17-root) .entry-content,
body:has(#pv17-root) .site-content,
body:has(#pv17-root) .site-main,
body:has(#pv17-root) .content-area,
body:has(#pv17-root) main,
body:has(#pv17-root) article,
body:has(#pv17-root) .container{
	width:100%;max-width:100%;padding:0;margin:0;float:none;box-sizing:border-box;
}
.pv17-wrap *{box-sizing:border-box}
.pv17-wrap{
	width:100%;max-width:100%;min-width:0;
	background:var(--bg);
	padding-bottom:clamp(40px,7vw,96px);
	font-family:var(--ff);
	color:var(--text);
	font-size:15px;line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
.pv17-wrap a{color:var(--ink-2)}
.pv17-icon{display:inline-block;vertical-align:-2px;flex-shrink:0}

/* == Cover == */
.pv17-cover{
	width:100%;
	max-width:100vw;
	height:clamp(210px,32vw,380px);
	background:var(--ink-2) linear-gradient(135deg,#0F1B3D 0%,#1E3A5F 100%);
	background-size:cover;background-position:center center;
	position:relative;
	overflow:hidden;
}
.pv17-cover.has-img{background-color:var(--ink-2);background-image:var(--cover-bg);}
.pv17-cover::after{
	content:'';position:absolute;inset:auto 0 0 0;
	height:clamp(56px,9vw,110px);
	background:linear-gradient(180deg,rgba(246,247,251,0),var(--bg));
	pointer-events:none;
}

/* == Container == */
.pv17-container{
	max-width:1180px;margin:0 auto;
	padding:0 clamp(16px,4vw,32px);
	display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,26vw,320px);
	gap:clamp(16px,2.4vw,28px);align-items:start;
	box-sizing:border-box;width:100%;
}
.pv17-full{grid-column:1 / -1}

/* == Profile card == */
.pv17-card{
	background:var(--surface);
	border:1px solid var(--line);
	border-radius:var(--radius);
	padding:0 clamp(18px,3vw,32px) clamp(20px,3vw,28px);
	margin-top:clamp(-44px,-6vw,-72px);
	position:relative;z-index:2;
	box-shadow:var(--shadow);
}
.pv17-top-row{
	display:grid;grid-template-columns:minmax(0,1fr) auto;
	align-items:flex-end;gap:14px;
}
.pv17-avatar-wrap{display:flex;align-items:flex-end;gap:16px;min-width:0}
.pv17-avatar{
	width:clamp(88px,12vw,128px);height:clamp(88px,12vw,128px);
	min-width:clamp(88px,12vw,128px);max-width:clamp(88px,12vw,128px);
	aspect-ratio:1 / 1;
	border-radius:50%;border:4px solid var(--surface);
	margin-top:clamp(-44px,-6vw,-64px);
	object-fit:scale-down;background:#ffffff;
	box-shadow:0 6px 18px rgba(15,27,61,.15);
	overflow:hidden;flex-shrink:0;
	display:inline-flex;align-items:center;justify-content:center;
}
.pv17-avatar img,
.pv17-avatar .pst-safe-avatar-img{
	width:100%;height:100%;
	border-radius:50%;object-fit:cover;background:#ffffff;padding:2px;box-sizing:border-box;display:block;
}
.pv17-actions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:4px}

.pv17-identity{margin-top:14px;min-width:0}
.pv17-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pv17-name{
	font-family:var(--ff-display);
	font-size:clamp(28px,4.4vw,46px);font-weight:400;color:var(--ink);
	margin:0;letter-spacing:-.02em;line-height:1.05;
}
.pv17-verified{
	display:inline-flex;align-items:center;color:#1D4ED8;
	background:#DBEAFE;border-radius:var(--radius-pill);
	padding:2px 8px;font-size:11px;font-weight:700;gap:4px;
}
.pv17-handle{font-size:13px;color:var(--muted-2);font-weight:500;margin-top:3px}
.pv17-handle a{color:inherit;text-decoration:none}
.pv17-headline{font-size:clamp(14px,1.6vw,16px);color:var(--ink-soft);margin-top:8px;font-weight:600;line-height:1.4}
.pv17-bio{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.6;max-width:640px;white-space:pre-wrap}
.pv17-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:13px;color:var(--muted)}
.pv17-meta-row span{display:inline-flex;align-items:center;gap:5px}

.pv17-open-badge{
	display:inline-flex;align-items:center;gap:6px;
	background:var(--ok-bg);color:var(--ok);
	padding:5px 12px;border-radius:var(--radius-pill);
	font-size:12px;font-weight:700;margin-top:10px;border:1px solid #BBF7D0;
}

/* == Skills == */
.pv17-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pv17-skill{
	background:#F1F5F9;color:var(--ink-soft);
	padding:5px 12px;border-radius:var(--radius-pill);
	font-size:12px;font-weight:600;border:1px solid var(--line);
}

/* == Buttons == */
.pv17-wrap .pv17-btn{
	background:var(--ink);color:#fff;border:1.5px solid var(--ink);
	padding:11px 22px;border-radius:var(--radius-pill);
	font-size:14px;font-weight:700;cursor:pointer;
	display:inline-flex;align-items:center;gap:7px;
	transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
	text-decoration:none;white-space:nowrap;font-family:inherit;line-height:1;
	min-height:42px;
}
.pv17-btn:hover:not(:disabled){background:#000;border-color:#000;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,27,61,.18)}
.pv17-btn:active:not(:disabled){transform:translateY(0)}
.pv17-btn:disabled{opacity:.55;cursor:not-allowed}
.pv17-btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.pv17-btn-ghost:hover:not(:disabled){background:var(--ink);color:#fff}
.pv17-btn-soft{background:#F1F5F9;color:var(--ink-2);border-color:transparent}
.pv17-btn-soft:hover:not(:disabled){background:#E2E8F0;color:var(--ink);transform:none;box-shadow:none}
.pv17-btn-green{background:#16A34A;border-color:#16A34A}
.pv17-btn-green:hover:not(:disabled){background:#15803D;border-color:#15803D}
.pv17-btn-following{background:#F8FAFC;color:var(--ink);border-color:var(--line)}
.pv17-btn-following:hover:not(:disabled){background:var(--err-bg);border-color:#FCA5A5;color:var(--err);box-shadow:none}
.pv17-btn-following .pv17-follow-hover{display:none}
.pv17-btn-following:hover .pv17-follow-label{display:none}
.pv17-btn-following:hover .pv17-follow-label{display:none}
.pv17-btn-following:hover .pv17-follow-hover{display:inline}
.pv17-btn-full{width:100%;justify-content:center}
.pv17-btn-sm{padding:7px 14px;font-size:12px;min-height:32px}

/* == Social pills == */
.pv17-social{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pv17-sl{
	display:inline-flex;align-items:center;gap:6px;
	font-size:12px;font-weight:600;color:var(--ink-soft);text-decoration:none;
	padding:7px 14px;background:#F1F5F9;
	border-radius:var(--radius-pill);transition:.15s;
	border:1px solid transparent;
}
.pv17-sl:hover{background:#E2E8F0;text-decoration:none;color:var(--ink)}
.pv17-sl .pv17-icon{width:14px;height:14px}

/* == Stats grid == */
.pv17-stats{
	display:grid;grid-template-columns:repeat(4,1fr);
	background:var(--surface);border-radius:var(--radius);
	margin-top:18px;border:1px solid var(--line);overflow:hidden;
}
.pv17-stat{padding:clamp(14px,2vw,20px);text-align:center;border-right:1px solid var(--line)}
.pv17-stat:last-child{border-right:none}
.pv17-stat-num{display:block;font-size:clamp(18px,2.6vw,24px);font-weight:800;color:var(--ink);line-height:1.1}
.pv17-stat-lbl{display:block;font-size:11px;font-weight:700;color:var(--muted-2);text-transform:uppercase;margin-top:5px;letter-spacing:.5px}

/* == Completeness bar == */
.pv17-complete{
	background:linear-gradient(180deg,#FFFBEB,#FFF);
	border:1px solid #FDE68A;border-radius:var(--radius);
	padding:14px 18px;margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.pv17-complete-bar{flex:1;min-width:160px;height:8px;background:#FEF3C7;border-radius:var(--radius-pill);overflow:hidden}
.pv17-complete-fill{height:100%;background:linear-gradient(90deg,#F59E0B,#D97706);border-radius:var(--radius-pill);transition:width .4s ease}
.pv17-complete-txt{font-size:13px;color:#92400E;font-weight:700}

/* == Tabs == */
.pv17-tabs{
	display:flex;gap:4px;margin-top:18px;background:var(--surface);
	border-radius:var(--radius);border:1px solid var(--line);
	padding:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.pv17-tabs::-webkit-scrollbar{display:none}
.pv17-tab{
	font-size:13px;font-weight:600;color:var(--muted);
	padding:10px 16px;cursor:pointer;border-radius:10px;
	white-space:nowrap;transition:.15s;flex-shrink:0;
	text-decoration:none;display:inline-flex;align-items:center;gap:6px;
	background:transparent;border:none;font-family:inherit;
}
.pv17-tab:hover{color:var(--ink);background:#F8FAFC}
.pv17-tab.active{color:#fff;background:var(--ink);font-weight:700}

/* == Views == */
.pv17-view{display:none;animation:pv17fade .25s ease}
.pv17-view.active{display:block}
@keyframes pv17fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){
	.pv17-view,.pv17-btn,.pv17-tab{animation:none!important;transition:none!important}
}

/* == MNC-Grade Article Grid & Cards == */
.pv17-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
	gap:clamp(16px,2vw,24px);
	margin-top:18px;
}
@media (max-width:640px){
	.pv17-grid{grid-template-columns:1fr;gap:16px;}
}
.pv17-article-card{
	background:var(--surface);border-radius:16px;
	border:1px solid var(--line);overflow:hidden;
	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;
	display:flex;flex-direction:column;
	box-shadow:0 1px 3px rgba(15,27,61,.04),0 1px 2px rgba(15,27,61,.02);
}
.pv17-article-card: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;
}
.pv17-card-media{position:relative;width:100%;height:195px;overflow:hidden;background:#F8FAFC}
.pv17-card-thumb-link{display:block;width:100%;height:100%}
.pv17-card-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(0.16,1,0.3,1)}
.pv17-article-card:hover .pv17-card-thumb{transform:scale(1.05)}
.pv17-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#F1F5F9,#E2E8F0);display:flex;align-items:center;justify-content:center;color:var(--muted-2)}
.pv17-card-cat-badge{position:absolute;top:12px;left:12px;background:rgba(15,27,61,.82);color:#FFF;backdrop-filter:blur(8px);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;z-index:2}
.pv17-draft-badge{position:absolute;top:12px;right:12px;background:#FEF3C7;color:#92400E;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;z-index:2}
.pv17-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.pv17-card-byline{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pv17-byline-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #E2E8F0}
.pv17-byline-info{display:flex;flex-direction:column;gap:2px}
.pv17-byline-name{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.pv17-byline-name:hover{color:#2563EB}
.pv17-byline-sub{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pv17-comp-tag{font-weight:600;color:#475569}
.pv17-card-title{font-family:var(--ff);font-size:1.1rem;line-height:1.35;font-weight:700;margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv17-card-title a{color:var(--ink);text-decoration:none;transition:color .15s ease}
.pv17-card-title a:hover{color:#2563EB}
.pv17-card-excerpt{font-size:0.875rem;color:var(--muted);line-height:1.5;margin:0 0 16px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv17-wrap img, .pv17-wrap video, .pv17-wrap iframe, .pv17-wrap canvas{max-width:100%}
.pv17-card-engagement-bar{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:auto;border-top:1px solid #F1F5F9;flex-wrap:wrap;gap:8px}
.pv17-eng-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pv17-card-engagement-bar .pv17-eng-btn,
.pv17-card-engagement-bar .pv17-flag-btn,
.pv17-card-engagement-bar .pv17-like-btn,
.pv17-card-engagement-bar .pv17-share-btn,
.pv17-card-engagement-bar .pv17-comment-btn,
.pv17-card-engagement-bar button,
.pv17-card-engagement-bar a {
	background:transparent;
	border:none;
	box-shadow:none;
	color:#64748b;
	padding:5px 8px;
	border-radius:6px;
	font-size:12px;
	font-weight:600;
	line-height:1;
	display:inline-flex;
	align-items:center;
	gap:4px;
	cursor:pointer;
	text-decoration:none;
	transition:all 0.15s ease;
	margin:0;
	height:auto;
}
.pv17-card-engagement-bar button:hover,
.pv17-card-engagement-bar a:hover {
	background:#f1f5f9;
	color:#0f172a;
}
.pv17-card-engagement-bar .pv17-like-btn.is-liked {
	color:#ef4444;
}
.pv17-card-engagement-bar .pv17-like-btn.is-liked svg {
	fill:#ef4444;
	stroke:#ef4444;
}
.pv17-views-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94A3B8;font-weight:500;padding:5px 6px}
.pv17-card-actions{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #E2E8F0}
.pv17-card-edit-btn {
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:6px 14px;
	background:#f1f5f9;
	color:#0f172a;
	border:1px solid #cbd5e1;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	transition:all 0.15s ease;
}
.pv17-card-edit-btn:hover {
	background:#e2e8f0;
	color:#000000;
}
.pv17-card-del-btn {
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:6px 14px;
	background:#fef2f2;
	color:#dc2626;
	border:1px solid #fecaca;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.15s ease;
}
.pv17-card-del-btn:hover {
	background:#fee2e2;
	color:#b91c1c;
}

/* == Form == */
.pv17-form{
	background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
	padding:clamp(18px,3vw,32px);margin-top:18px;
}
.pv17-group{margin-bottom:18px}
.pv17-label{display:block;font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.pv17-label small{font-weight:500;color:var(--muted-2);text-transform:none;letter-spacing:0}
.pv17-input,.pv17-input:not([type]){
	width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;
	font-size:14px;background:#F9FAFB;color:var(--ink);transition:.15s;outline:none;
	font-family:inherit;line-height:1.4;
}
.pv17-input:focus{border-color:var(--ink-2);background:var(--surface);box-shadow:var(--ring)}
textarea.pv17-input{resize:vertical;min-height:90px}
.pv17-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* == Editor == */
.pv17-editor-wrap{
	border:1.5px solid var(--line);border-radius:10px;overflow:hidden;
	min-height:320px;display:flex;flex-direction:column;
}
.ql-toolbar.ql-snow{border:none;border-bottom:1.5px solid var(--line);background:#F9FAFB;font-family:var(--ff)}
.ql-container.ql-snow{border:none;flex:1;font-size:15px;background:var(--surface);font-family:var(--ff)}
.ql-editor{min-height:280px;padding:18px 22px;line-height:1.75;color:var(--text)}

/* == WC HUD == */
.pv17-hud{
	display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
	background:#F9FAFB;padding:11px 16px;border-radius:10px;
	border:1.5px dashed var(--line);margin-bottom:14px;font-size:13px;
}
.pv17-wc{font-weight:700;color:var(--err)}
.pv17-wc.ok{color:var(--ok)}
.pv17-autosave{color:var(--muted-2);font-style:italic;font-size:12px}

/* == SEO preview == */
.pv17-seo-prev{
	border:1px solid var(--line);border-radius:12px;padding:16px 18px;
	background:var(--surface);margin-bottom:18px;font-family:Arial,sans-serif;
}
.pv17-seo-url{font-size:12px;color:#188038;margin-bottom:4px;word-break:break-all}
.pv17-seo-title-p{font-size:18px;color:#1A0DAB;font-weight:400;margin:0 0 4px;line-height:1.3}
.pv17-seo-desc-p{font-size:13px;color:#4D5156;line-height:1.5;margin:0}
.pv17-char-bar{height:4px;background:var(--line);border-radius:4px;margin-top:6px;overflow:hidden}
.pv17-char-fill{height:100%;background:#22C55E;transition:.2s;border-radius:4px}
.pv17-char-fill.warn{background:#F59E0B}
.pv17-char-fill.over{background:#EF4444}
.pv17-slug-prev{font-size:12px;color:var(--muted-2);margin-top:6px}
.pv17-slug-prev span{color:var(--ink-2);font-weight:600}

/* == Upload row == */
.pv17-upload{
	display:flex;gap:14px;align-items:center;
	background:#F9FAFB;padding:14px;border-radius:10px;border:1.5px dashed var(--line);
}
.pv17-upload-thumb{width:60px;height:60px;border-radius:10px;object-fit:cover;border:1px solid var(--line);flex-shrink:0;background:#F1F5F9}
.pv17-upload-thumb.round{border-radius:50%}
.pv17-upload-help{font-size:11px;color:var(--muted-2);margin-top:4px}

/* == Image preview == */
.pv17-img-wrap{display:none;margin-top:14px;position:relative;max-width:520px;background:#f8fafc;border:1px dashed var(--line);border-radius:12px;padding:8px}
.pv17-img-wrap.show{display:block}
.pv17-img-thumb{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:8px;background:#e2e8f0}
.pv17-img-clear{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}

/* == SEO matrix table == */
.pv17-matrix-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:18px}
.pv17-matrix{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.pv17-matrix th{background:#F8FAFC;padding:14px 16px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--line);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.pv17-matrix td{padding:14px 16px;border-bottom:1px solid #F1F5F9;vertical-align:middle}
.pv17-matrix tr:last-child td{border-bottom:none}
.pv17-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}
.pv17-badge-live{background:var(--ok-bg);color:var(--ok)}
.pv17-badge-draft{background:#FEF3C7;color:#92400E}
.pv17-badge-no{background:var(--err-bg);color:#B91C1C}
.pv17-badge-yes{background:#DBEAFE;color:#1D4ED8}

/* == Success / Empty == */
.pv17-success{text-align:center;padding:clamp(32px,5vw,52px) 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);}
.pv17-success h2{color:var(--ink);margin:0 0 8px;font-size:clamp(20px,3vw,26px)}
.pv17-success p{color:var(--muted);margin:0 0 22px}
.pv17-empty{grid-column:1/-1;text-align:center;padding:clamp(40px,6vw,64px) 24px;color:var(--muted-2)}
.pv17-empty h3{color:var(--muted);margin:18px 0 10px;font-family:var(--ff-display);font-weight:400;font-size:24px;letter-spacing:-.01em}

/* == Sidebar == */
.pv17-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.pv17-side-card{
	background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
	padding:18px;
}
.pv17-side-card h4{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--ink)}
.pv17-side-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}
.pv17-side-mini{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F1F5F9;font-size:13px}
.pv17-side-mini:last-child{border-bottom:none}
.pv17-side-mini b{color:var(--ink)}

/* == Toast == */
#pv17-toast{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.pv17-toast{
	background:var(--ink);color:#fff;padding:14px 18px;border-radius:12px;
	font-size:13px;font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,.22);
	opacity:0;transform:translateY(10px);transition:.28s;pointer-events:auto;
	max-width:min(340px,calc(100vw - 48px));display:flex;align-items:center;gap:8px;
}
.pv17-toast.show{opacity:1;transform:translateY(0)}
.pv17-toast.success{border-left:3px solid #22C55E}
.pv17-toast.error{border-left:3px solid #EF4444}

/* ── Portfolio grid (Compact Sleek MNC SaaS Grade) ── */
.pv17-pf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;margin-bottom:12px}
.pv17-pf-toolbar h3{margin:0;font-family:'Satoshi',sans-serif;font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2}
.pv17-pf-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(250px,320px));
	gap:16px;
	margin-top:14px;
}
.pv17-pf-card{
	background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;
	overflow:hidden;display:flex;flex-direction:column;
	box-shadow:0 3px 12px rgba(15,27,61,0.04);
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.pv17-pf-card:hover{transform:translatey(-3px);box-shadow:0 12px 28px rgba(15,27,61,0.08);border-color:#cbd5e1}
.pv17-pf-thumb{width:100%;height:160px;object-fit:cover;display:block;background:#f1f5f9;transition:transform .3s ease}
.pv17-pf-card:hover .pv17-pf-thumb{transform:scale(1.02)}
.pv17-pf-noimg{width:100%;height:160px;background:linear-gradient(135deg,#0f1b3d,#1e3a5f);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'satoshi',sans-serif;font-size:32px;font-weight:800}
.pv17-pf-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:6px}
.pv17-pf-title{margin:0;font-size:15px;font-weight:800;color:#0f1b3d;line-height:1.3;font-family:'satoshi',sans-serif}
.pv17-pf-title a{color:#0f1b3d;text-decoration:none;transition:color .15s ease}
.pv17-pf-title a:hover{color:#2563eb;text-decoration:underline}
.pv17-pf-role{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;color:#0f1b3d;background:#f1f5f9;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;width:max-content}
.pv17-pf-desc{font-size:12.5px;color:#64748b;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.pv17-pf-link{font-size:12px;font-weight:700;color:#0f1b3d;text-decoration:none;display:inline-flex;align-items:center;gap:4px;word-break:break-all;transition:color .15s ease}
.pv17-pf-link:hover{color:#c5a059;text-decoration:underline}
.pv17-pf-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #f1f5f9}
.pv17-pf-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:#64748b;background:#ffffff;border:1.5px dashed #cbd5e1;border-radius:16px}
.pv17-pf-empty h4{font-family:'satoshi',sans-serif;font-size:20px;font-weight:800;color:#0f1b3d;margin:10px 0 4px}

/* ── Modal (World-Class SaaS Standard) ── */
.pv17-modal{position:fixed;inset:0;background:rgba(9,16,35,0.6);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px 16px;backdrop-filter:blur(6px);overscroll-behavior:contain}
.pv17-modal.open{display:flex;animation:pv17fade .2s ease}
.pv17-modal-box{
	background:#FFFFFF;border-radius:20px;max-width:540px;width:100%;max-height:88vh;
	overflow-y:auto;padding:28px 30px;box-shadow:0 25px 60px -10px rgba(15,27,61,0.35);
	box-sizing:border-box;position:relative;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent;
}
.pv17-modal-box::-webkit-scrollbar{width:6px}
.pv17-modal-box::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}
.pv17-modal-box h3{font-family:'Satoshi',sans-serif;font-size:24px;font-weight:800;color:#0F1B3D;margin:0 0 4px;letter-spacing:-.015em}
.pv17-modal-box p.pv17-modal-sub{font-size:13.5px;color:#64748B;margin:0 0 20px}
.pv17-modal-close{
	position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;
	background:#F1F5F9;border:1px solid #E2E8F0;color:#64748B;cursor:pointer;
	display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;
	transition:all .15s ease;padding:0;
}
.pv17-modal-close:hover{background:#0F1B3D;color:#FFFFFF;border-color:#0F1B3D}

/* == Real-Time 0ms Image Dropzone & Preview == */
.pv17-pf-dropzone{
	border:2px dashed #CBD5E1;border-radius:14px;padding:20px 16px;text-align:center;
	background:#F8FAFC;cursor:pointer;transition:all .2s ease;position:relative;box-sizing:border-box;
}
.pv17-pf-dropzone:hover{border-color:#0F1B3D;background:#F1F5F9}
.pv17-pf-dropzone-icon{width:36px;height:36px;margin:0 auto 8px;color:#64748B;display:flex;align-items:center;justify-content:center}
.pv17-pf-dropzone-txt{font-size:13px;font-weight:700;color:#0F1B3D;margin-bottom:3px}
.pv17-pf-dropzone-hint{font-size:11.5px;color:#94A3B8}
.pv17-pf-preview-wrap{position:relative;border-radius:12px;overflow:hidden;background:#F1F5F9;display:none;margin-top:10px;border:1px solid #E2E8F0}
.pv17-pf-preview-img{width:100%;max-height:220px;object-fit:cover;display:block}
.pv17-pf-preview-actions{position:absolute;bottom:10px;right:10px;display:flex;gap:6px;z-index:5}
.pv17-pf-preview-btn{
	background:rgba(15,27,61,0.85);color:#FFFFFF;border:none;border-radius:6px;
	padding:5px 10px;font-size:11.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(4px);
	display:inline-flex;align-items:center;gap:4px;transition:background .15s ease;
}
.pv17-pf-preview-btn:hover{background:#0F1B3D}
.pv17-pf-preview-remove{background:rgba(220,38,38,0.85)}
.pv17-pf-preview-remove:hover{background:#DC2626}

.pv17-group{margin-bottom:16px}
.pv17-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:6px}
.pv17-input{
	width:100%;padding:10px 14px;font-size:14px;color:#0f172a;
	border:1.5px solid #cbd5e1;border-radius:10px;background:#f8fafc;
	box-sizing:border-box;transition:all .15s ease;font-family:inherit;outline:none;
}
.pv17-input:focus{border-color:#0f1b3d;background:#ffffff;box-shadow:0 0 0 3px rgba(15,27,61,0.08)}
.pv17-btn-full{
	width:100%;padding:12px 20px;font-size:14px;font-weight:800;
	border-radius:12px;background:#0f1b3d;color:#ffffff;border:none;
	cursor:pointer;box-shadow:0 4px 14px rgba(15,27,61,0.2);transition:all .18s ease;
	display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.pv17-btn-full:hover{background:#1e293b;transform:translatey(-1px);box-shadow:0 6px 18px rgba(15,27,61,0.28)}

/* == MOBILE FIX PACK == */
.pv17-modal{overflow-y:auto;-webkit-overflow-scrolling:touch}
body.pv17-modal-open{overflow:hidden}
.pv17-pf-toolbar{min-width:0}
.pv17-pf-toolbar h3{min-width:0;overflow-wrap:anywhere}
.pv17-pf-grid,.pv17-grid,.pv17-grid-2{min-width:0}
.pv17-pf-grid>*,.pv17-grid>*{min-width:0;max-width:100%}
.pv17-view{max-width:100%;min-width:0}
.pv17-full{min-width:0;max-width:100%}
@media (max-width:640px){
	.pv17-modal{align-items:flex-end;padding:0}
	.pv17-modal-box{
		max-width:100%;width:100%;
		border-radius:20px 20px 0 0;
		max-height:92vh;max-height:92dvh;
		padding:22px 18px calc(24px + env(safe-area-inset-bottom));
	}
	.pv17-modal-box .pv17-input{font-size:15px;width:100%;max-width:100%}
	.pv17-pf-toolbar{flex-direction:column;align-items:stretch}
	.pv17-pf-toolbar .pv17-btn{width:100%;justify-content:center;min-height:42px}
}

/* == WRITING CANVAS == */
.wsc-canvas{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wsc-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}
.wsc-id{display:flex;align-items:center;gap:9px;min-width:0}
.wsc-id img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#E2E8F0;flex-shrink:0}
.wsc-id b{display:block;font-size:12.5px;color:var(--ink);font-weight:700;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsc-id span{font-size:10.5px;color:var(--muted-2);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.wsc-status{font-size:12px;color:var(--muted);font-weight:600;flex:1;text-align:center;min-width:110px}
.wsc-status.saving{color:var(--warn)}
.wsc-status.saved{color:var(--ok)}
.wsc-status.err{color:var(--err)}
.wsc-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.wsc-btn{padding:8px 15px;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border:1.5px solid transparent;font-family:inherit;line-height:1;white-space:nowrap;min-height:36px}
.wsc-btn-draft{background:#fff;color:var(--ink-2);border-color:var(--line)}
.wsc-btn-draft:hover{background:#F1F5F9}
.wsc-btn-sched{background:var(--warn-bg);color:#92400E;border-color:#FDE68A}
.wsc-btn-sched.is-on{background:#92400E;color:#fff;border-color:#92400E}
.wsc-btn-pub{background:var(--ink);color:#fff;border-color:var(--ink)}
.wsc-btn-pub:hover{background:#000}
.wsc-btn:disabled{opacity:.55;cursor:not-allowed}
.wsc-mtabs{display:none}
.wsc-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.wsc-write{padding:32px clamp(18px,4vw,48px) 50px}
.wsc-write-inner{max-width:720px;margin:0 auto}
.wsc-title{display:block;width:100%;border:none;outline:none;resize:none;overflow:hidden;font-family:var(--ff-display);font-weight:400;color:var(--ink);font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.01em;background:transparent;padding:0;margin:0 0 6px}
.wsc-title::placeholder{color:var(--muted-2)}
.wsc-slugrow{display:flex;align-items:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.wsc-slugrow span{font-size:12px;color:var(--muted-2)}
.wsc-slugrow input{flex:1;min-width:140px;border:none;border-bottom:1.5px dashed var(--line);background:transparent;font-size:12.5px;color:var(--ink-2);padding:2px 0;outline:none}
.wsc-editor-wrap{border:none;min-height:340px}
.wsc-editor-wrap .ql-toolbar{display:none!important}
.wsc-editor-wrap .ql-container{border:none}
.wsc-editor-wrap .ql-editor{padding:0;font-size:16px;line-height:1.8}
.wsc-side{border-left:1px solid var(--line);background:#F9FAFB;padding:20px 18px 50px}
.wsc-side h5{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2);margin:0 0 10px}
.wsc-side-block{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:14px}

/* == Write Launcher == */
.pv17-write-launcher{text-align:center;padding:clamp(48px,8vw,90px) 24px;background:var(--surface);border:1.5px dashed var(--line);border-radius:var(--radius);margin-top:18px}
.pv17-write-launcher h2{font-family:var(--ff-display);font-size:clamp(24px,3.5vw,34px);font-weight:400;color:var(--ink);margin:18px 0 10px;letter-spacing:-.01em}
.pv17-write-launcher p{color:var(--muted);font-size:15px;margin:0 0 24px;max-width:420px;margin-left:auto;margin-right:auto}

/* == Responsive == */
@media (max-width:1024px){
	.pv17-container{gap:20px;padding:0 20px}
	.pv17-name{font-size:32px}
	.wsc-body{grid-template-columns:1fr}
	.wsc-side{display:none;border-left:none;border-top:1px solid var(--line)}
	.wsc-write{display:none}
	.wsc-body.show-write .wsc-write{display:block}
	.wsc-body.show-seo .wsc-side{display:block}
	.wsc-mtabs{display:flex;gap:6px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
	.wsc-mtab{flex:1;text-align:center;padding:10px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--muted);background:#F1F5F9;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center}
	.wsc-mtab.active{background:var(--ink);color:#fff}
}
@media (max-width:960px){
	.pv17-container{grid-template-columns:1fr;gap:18px;padding:0 20px}
	.pv17-sidebar{position:static;order:2;width:100%}
	.pv17-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
	.pv17-wrap{font-size:15px}
	.pv17-container{padding:0 16px;gap:16px}
	.pv17-cover{height:clamp(200px,42vw,280px)}
	.pv17-grid-2{grid-template-columns:1fr}
	.pv17-name{font-size:28px}
}
@media (max-width:450px){
	.pv17-wrap{font-size:14px;overflow-x:clip}
	.pv17-cover{height:clamp(140px,45vw,190px)}
	.pv17-container{padding:0 10px;gap:12px;max-width:100vw}
	.pv17-grid,.pv17-pf-grid,.pv17-grid-2{grid-template-columns:minmax(0,1fr)}
	
	/* MNC Mobile Profile Card Layout (<450px) */
	.pv17-card{
		display:block;
		padding:0 14px 18px;
		margin-top:-32px;
		max-width:100%;
		box-sizing:border-box;
		border-radius:14px;
		background:var(--surface);
	}
	.pv17-top-row{
		display:flex;
		flex-direction:column;
		align-items:center;
		text-align:center;
		gap:10px;
		width:100%;
	}
	.pv17-avatar-wrap{
		justify-content:center;
		display:flex;
		width:100%;
		margin:0 auto;
	}
	.pv17-avatar{
		width:80px;
		height:80px;
		min-width:80px;
		max-width:80px;
		aspect-ratio:1 / 1;
		border-radius:50%;
		margin-top:-40px;
		border-width:3.5px;
		box-shadow:0 6px 18px rgba(15,27,61,.18);
		overflow:hidden;
		flex-shrink:0;
	}
	.pv17-actions{
		display:flex;
		flex-direction:column;
		width:100%;
		gap:8px;
		margin-top:4px;
		padding-bottom:0;
	}
	.pv17-actions .pv17-btn{
		width:100%;
		justify-content:center;
		min-height:42px;
	}
	.pv17-identity{
		text-align:center;
		max-width:100%;
		overflow-wrap:anywhere;
		word-break:break-word;
		margin-top:12px;
	}
	.pv17-name-row,.pv17-meta-row,.pv17-skills,.pv17-social{
		justify-content:center;
		flex-wrap:wrap;
		text-align:center;
	}
	.pv17-headline,.pv17-bio{
		max-width:100%;
		overflow-wrap:anywhere;
		word-break:break-word;
		text-align:center;
	}
	.pv17-meta-row span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
	.pv17-name{font-size:clamp(18px,6.5vw,26px);max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.2}
	.pv17-social{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
	
	/* MNC Mobile Stats Grid (2x2) */
	.pv17-stats{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		margin-top:14px;
		border:1px solid var(--line);
		border-radius:var(--radius);
		overflow:hidden;
	}
	.pv17-stat{
		padding:10px 6px;
		text-align:center;
		border-right:1px solid var(--line);
		border-bottom:1px solid var(--line);
	}
	.pv17-stat:nth-child(2n){border-right:none}
	.pv17-stat:nth-last-child(-n+2){border-bottom:none}
	.pv17-stat-num{font-size:17px;font-weight:800}
	.pv17-stat-lbl{font-size:10px;line-height:1.2;letter-spacing:0.2px;white-space:normal;text-transform:uppercase;text-align:center}
	
	.pv17-form{padding:14px}
	.pv17-form input,.pv17-form textarea,.pv17-form select{width:100%;max-width:100%;font-size:16px}
	.pv17-footer{flex-direction:column-reverse;gap:10px}
	.pv17-footer .pv17-btn{width:100%;justify-content:center}
	
	.pv17-upload{align-items:flex-start;flex-wrap:wrap;gap:10px}
	.pv17-tabs{
		display:flex;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		touch-action:pan-x;
		overscroll-behavior-x:contain;
		scrollbar-width:none;
		flex-wrap:nowrap;
		padding:6px 12px;
		max-width:100%;
		width:100%;
		box-sizing:border-box;
	}
	.pv17-tabs::-webkit-scrollbar{display:none!important}
	.pv17-tab{flex:0 0 auto;white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;padding:8px 14px;font-size:13px}
	.pv17-wrap table{display:block;max-width:100%;overflow-x:auto}
	.pv17-username-box{flex-direction:column;align-items:stretch}
	.pv17-username-box span{border-right:none;border-bottom:1px solid var(--line,#e2e8f0);height:32px;justify-content:center;font-size:11px}
	.pv17-username-box input{height:40px}
	.pv17-complete{flex-direction:column;align-items:stretch;gap:8px}
	.pv17-complete-bar{min-width:100%}
	.pv17-card-engagement-bar{gap:6px;padding-top:8px}
	.pv17-eng-group{gap:4px}
}
@media (max-width:380px){
	.pv17-wrap{font-size:13px}
	.pv17-avatar{
		width:74px;height:74px;
		min-width:74px;max-width:74px;
		aspect-ratio:1 / 1;border-radius:50%;
		margin-top:-37px;overflow:hidden;flex-shrink:0;
	}
	.pv17-name{font-size:20px}
	.pv17-tab{padding:7px 10px;font-size:12px}
	.pv17-btn{padding:8px 10px;font-size:12px}
	.pv17-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-height:500px) and (orientation:landscape){
	.pv17-cover{height:140px}
	.pv17-avatar{margin-top:-36px}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
	.pv17-avatar,.pv17-cover{image-rendering:-webkit-optimize-contrast}
}
/* ==========================================================================
   MEDIUM.COM 1:1 PIXEL-PERFECT AUTHOR STUDIO STYLES (POSTORIE)
   ========================================================================== */

:root {
	--med-bg:         #FFFFFF;
	--med-ink:        #242424;
	--med-muted:      #6B6B6B;
	--med-green:      #1A8917;
	--med-green-hover:#156D12;
	--med-border:     #F2F2F2;
	--med-font-serif: 'Satoshi', -apple-system, sans-serif;
	--med-font-sans:  'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* CONTAINER & WRAPPER */
.med-editor-wrapper {
	background: var(--med-bg);
	min-height: 70vh;
	font-family: var(--med-font-sans);
	color: var(--med-ink);
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
}

/* 1. MEDIUM TOP HEADER */
.med-top-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 48px;
	background: #ffffff;
	border-bottom: 1px solid var(--med-border);
	position: relative;
	top: 0;
	z-index: 10;
}
.med-header-left {
	display: flex;
	align-items: center;
	gap: 18px;
}
.med-logo {
	font-family: var(--med-font-serif);
	font-size: 30px;
	font-weight: 800;
	color: #000000;
	text-decoration: none;
	letter-spacing: -0.5px;
	line-height: 1;
}
.med-status-badge {
	font-size: 13px;
	color: var(--med-muted);
	font-weight: 400;
}
.med-header-right {
	display: flex;
	align-items: center;
	gap: 16px;
}
.med-btn-publish {
	background: var(--med-green);
	color: #ffffff;
	border: none;
	padding: 7px 18px;
	font-size: 13.5px;
	font-weight: 600;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.15s ease;
}
.med-btn-publish:hover {
	background: var(--med-green-hover);
}
.med-btn-more {
	background: none;
	border: none;
	font-size: 20px;
	color: var(--med-muted);
	cursor: pointer;
	padding: 4px 8px;
}

/* 2. MAIN WRITING AREA */
.med-canvas-main {
	max-width: 740px;
	width: 100%;
	margin: 40px auto 120px;
	padding: 0 24px;
	position: relative;
}
.med-title-input {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	resize: none;
	font-family: var(--med-font-serif);
	font-size: 48px;
	line-height: 1.15;
	color: #242424;
	background: transparent;
	padding: 0;
	margin: 0 0 16px;
	font-weight: 400;
}
.med-title-input::placeholder {
	color: #B3B3B3;
}
.med-subtitle-input {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	resize: none;
	font-family: var(--med-font-sans);
	font-size: 22px;
	line-height: 1.35;
	color: #6B6B6B;
	background: transparent;
	padding: 0;
	margin: 0 0 32px;
	font-weight: 400;
}
.med-subtitle-input::placeholder {
	color: #C2C2C2;
}

/* CONTENTEDITABLE CANVAS */
.med-contenteditable {
	outline: none;
	font-size: 20px;
	line-height: 1.8;
	color: #242424;
	font-family: var(--med-font-sans);
	min-height: 380px;
}
.med-contenteditable p {
	margin: 0 0 1.5em;
}
.med-contenteditable h1 {
	font-family: var(--med-font-serif);
	font-size: 34px;
	line-height: 1.25;
	margin: 1.5em 0 0.4em;
	font-weight: 700;
}
.med-contenteditable h2 {
	font-family: var(--med-font-sans);
	font-size: 26px;
	line-height: 1.3;
	margin: 1.4em 0 0.4em;
	font-weight: 700;
}
.med-contenteditable blockquote {
	border-left: 3px solid #242424;
	padding-left: 20px;
	margin: 1.5em 0;
	font-style: italic;
	font-size: 22px;
	color: #242424;
}
.med-contenteditable pre {
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 16px;
	font-family: monospace;
	font-size: 15px;
	overflow-x: auto;
	margin: 1.5em 0;
}
.med-contenteditable[data-placeholder]:empty:before {
	content: attr(data-placeholder);
	color: #B3B3B3;
	pointer-events: none;
}

/* 3. LEFT MARGIN FLOATING ADD BLOCK MENU (⊕ PLUS BUTTON) */
#med-plus-wrapper {
	position: absolute;
	left: -52px;
	top: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 100;
	transition: top 0.15s ease;
}
.med-plus-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #6B6B6B;
	background: #ffffff;
	color: #6B6B6B;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	line-height: 1;
	transition: all 0.2s ease;
	outline: none;
}
.med-plus-btn:hover, .med-plus-btn.is-active {
	border-color: #242424;
	color: #242424;
	transform: rotate(45deg);
}
.med-plus-btn.is-active {
	border-color: var(--med-green);
	color: var(--med-green);
}
.med-icon-row {
	display: none;
	align-items: center;
	gap: 8px;
}
.med-icon-row.show {
	display: flex;
}
.med-icon-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid var(--med-green);
	background: #ffffff;
	color: var(--med-green);
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s ease;
}
.med-icon-btn:hover {
	background: var(--med-green);
	color: #ffffff;
}

/* 4. MEDIUM FLOATING SELECTION BUBBLE TOOLTIP (SELECTION TOOLBAR) */
#med-bubble-bar {
	position: absolute;
	background: #242424;
	color: #ffffff;
	border-radius: 8px;
	padding: 6px 12px;
	display: none;
	align-items: center;
	gap: 12px;
	z-index: 10000;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	transform: translateX(-50%);
}
#med-bubble-bar::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #242424 transparent transparent transparent;
}
#med-bubble-bar.show {
	display: flex;
}
.med-bbl-btn {
	background: none;
	border: none;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	padding: 4px 6px;
	font-weight: 600;
	line-height: 1;
	transition: color 0.15s ease;
}
.med-bbl-btn:hover, .med-bbl-btn.active {
	color: var(--med-green);
}
.med-bbl-divider {
	width: 1px;
	height: 18px;
	background: #444444;
}

/* 5. PUBLISHING MODAL DRAWER */
.sb-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 20px;
}
.sb-modal-overlay.open {
	display: flex;
}
.sb-modal-box {
	background: #ffffff;
	border-radius: 16px;
	width: 100%;
	max-width: 840px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
	.med-top-header { padding: 14px 20px; }
	#med-plus-wrapper { left: 10px; top: -45px; }
	.med-canvas-main { padding: 0 16px; margin-top: 20px; }
	.med-title-input { font-size: 36px; }
}

/* Postorie My-Hub Feed Grid */
.pst-my-feed-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 28px; align-items: flex-start; }
@media (max-width: 900px) {
	.pst-my-feed-grid { grid-template-columns:1fr; gap:20px; }
	.pst-my-feed-wrap { margin-top:30px; padding:10px 14px 0; }
}
@media (max-width: 600px) {
	.pst-feed-card-item { flex-direction:column; }
	.pst-feed-card-item img { width:100%; height:160px; }
}


/* ==========================================================================
   POSTORIE COLLECTIONS & MY LIBRARY (Zero-Inline-CSS)
   ========================================================================== */
.pst-save-btn {
    background: transparent;
    border: 1px solid #CBD5E1;
    color: #475569;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s ease;
}
.pst-save-btn:hover {
    border-color: #94A3B8;
    color: #1E293B;
}
.pst-save-btn.is-saved {
    background: #ECFDF5;
    border-color: #A7F3D0;
    color: #047857;
}
.pst-save-btn.is-saved svg {
    fill: #047857;
}

.pst-library-signin-notice {
    padding: 40px;
    text-align: center;
    color: #64748B;
}
.pst-library-wrap {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 20px;
    font-family: var(--ff-body, 'Jost', sans-serif);
}
.pst-library-header {
    margin-bottom: 24px;
}
.pst-library-title {
    font-size: 24px;
    font-weight: 700;
    color: #0F1B3D;
    margin: 0 0 6px;
}
.pst-library-subtitle {
    color: #64748B;
    font-size: 14px;
    margin: 0;
}
.pst-library-empty-state {
    background: #FFFFFF;
    border: 1.5px dashed #CBD5E1;
    border-radius: 16px;
    padding: 48px 24px;
    text-align: center;
    color: #64748B;
}
.pst-library-empty-icon {
    margin: 0 auto 12px;
    color: #94A3B8;
}
.pst-library-empty-title {
    font-size: 18px;
    color: #0F172A;
    margin: 0 0 6px;
}
.pst-library-empty-desc {
    font-size: 14px;
    margin: 0 0 18px;
}
.pst-library-empty-btn {
    display: inline-block;
    background: #0F1B3D;
    color: #FFFFFF;
    padding: 10px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}
.pst-library-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
.pst-library-item-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 16px;
}
.pst-badge-tag {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
}
.pst-badge-tag-article {
    background: #EFF6FF;
    color: #1D4ED8;
}
.pst-badge-tag-company {
    background: #F0FDF4;
    color: #15803D;
}
.pst-library-item-title {
    margin: 8px 0 6px;
    font-size: 15px;
}
.pst-library-item-link {
    color: #0F172A;
    text-decoration: none;
    font-weight: 700;
}
.pst-library-item-date {
    margin: 0;
    font-size: 12px;
    color: #64748B;
}

/* ==========================================================================
   MY-POSTORIE HUB FEED (Zero-Inline-CSS)
   ========================================================================== */
.pst-feed-signin-notice {
    padding: 40px;
    text-align: center;
    color: #64748B;
}
.pst-my-feed-banner {
    background: linear-gradient(135deg, #0F1B3D 0%, #1E3A5F 100%);
    color: #FFFFFF;
    border-radius: 18px;
    padding: 28px 32px;
    margin-bottom: 32px;
    box-shadow: 0 8px 30px rgba(15, 27, 61, 0.12);
}
.pst-my-feed-banner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.pst-feed-badge-kicker {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #D97706;
}
.pst-feed-heading {
    font-size: 26px;
    font-weight: 700;
    margin: 6px 0 4px;
    color: #FFFFFF;
}
.pst-feed-subheading {
    margin: 0;
    font-size: 14px;
    color: #94A3B8;
}
.pst-feed-banner-actions {
    display: flex;
    gap: 10px;
}
.pst-feed-btn-secondary {
    background: rgba(255, 255, 255, 0.12);
    color: #FFF;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    backdrop-filter: blur(8px);
}
.pst-feed-btn-primary {
    background: #D97706;
    color: #FFF;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 700;
}
.pst-feed-col-main {
    min-width: 0;
}
.pst-feed-section {
    margin-bottom: 36px;
}
.pst-feed-sec-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}
.pst-feed-sec-title {
    font-size: 18px;
    font-weight: 700;
    color: #0F1B3D;
    margin: 0;
}
.pst-feed-sec-badge {
    font-size: 11px;
    font-weight: 700;
    color: #D97706;
    background: #FFFBEB;
    padding: 4px 12px;
    border-radius: 999px;
    white-space: nowrap;
}
.pst-feed-cards-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.pst-feed-card-item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 18px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.pst-feed-thumb {
    width: 110px;
    height: 85px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}
.pst-feed-card-body {
    flex: 1;
    min-width: 0;
}
.pst-feed-reason-tag-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.pst-feed-reason-tag {
    font-size: 10px;
    font-weight: 700;
    background: #F1F5F9;
    color: #475569;
    padding: 2px 8px;
    border-radius: 999px;
}
.pst-feed-item-title {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.4;
}
.pst-feed-item-title a {
    color: #0F172A;
    text-decoration: none;
    font-weight: 700;
}
.pst-feed-item-author-meta {
    font-size: 12px;
    color: #64748B;
}
.pst-opportunities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}
.pst-opp-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 18px;
}
.pst-opp-badge {
    font-size: 10px;
    font-weight: 700;
    background: #ECFDF5;
    color: #047857;
    padding: 2px 8px;
    border-radius: 999px;
}
.pst-opp-title {
    margin: 8px 0 6px;
    font-size: 15px;
}
.pst-opp-title a {
    color: #0F172A;
    text-decoration: none;
    font-weight: 700;
}
.pst-opp-loc {
    margin: 0;
    font-size: 12px;
    color: #64748B;
}
.pst-feed-col-sidebar {
    min-width: 0;
}
.pst-sidebar-widget {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 24px;
}
.pst-widget-title {
    font-size: 15px;
    font-weight: 700;
    color: #0F1B3D;
    margin: 0 0 14px;
}
.pst-co-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.pst-co-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pst-co-logo {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #E2E8F0;
}
.pst-co-initial {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #0F1B3D;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}
.pst-co-meta {
    flex: 1;
    min-width: 0;
}
.pst-co-name {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pst-co-name a {
    color: #0F172A;
    text-decoration: none;
}
.pst-co-badge {
    font-size: 11px;
    color: #64748B;
}
.pst-saved-widget {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px;
}
.pst-saved-widget-title {
    font-size: 15px;
    font-weight: 700;
    color: #0F1B3D;
    margin: 0 0 8px;
}
.pst-saved-widget-desc {
    font-size: 12px;
    color: #64748B;
    margin: 0 0 14px;
}
.pst-saved-widget-btn {
    display: block;
    text-align: center;
    background: #0F1B3D;
    color: #FFFFFF;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

/* ==========================================================================
   POSTORIE DASHBOARD HUB & STANDALONE (Zero-Inline-CSS)
   ========================================================================== */
.pv17-comp-tag,
.pv17-card-edit-btn,
.pv17-card-del-btn {
    display:inline-flex;
    align-items:center;
    gap:4px;
}

/* Admin Cache Management */
.pv17-admin-bar-cache-icon {
    margin-top:2px;
}
.pv17-admin-cache-widget-box {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding: 4px 0;
}
.pv17-admin-cache-text-sub {
    font-size: 13px;
    color: #475569;
    margin: 0 0 8px;
}
.pv17-admin-cache-active-tag {
    color: #16a34a;
    font-weight: 700;
}
.pv17-admin-cache-meta-line {
    font-size: 12px;
    color: #64748b;
    margin: 0 0 4px;
}
.pv17-admin-cache-meta-line-last {
    font-size: 12px;
    color: #64748b;
    margin: 0 0 14px;
}
.pv17-admin-cache-btn-purge {
    background:#0f172a;
    border-color:#0f172a;
    font-weight:700;
}
.pv17-admin-cache-page-wrap {
    max-width: 800px;
    margin-top: 20px;
}
.pv17-admin-cache-page-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
}
.pv17-admin-cache-notice {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
}
.pv17-admin-cache-card {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    margin-top: 16px;
}
.pv17-admin-cache-card-h2 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 12px;
}
.pv17-admin-cache-card-desc {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 16px;
}
.pv17-admin-cache-table {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.pv17-admin-td-label {
    font-weight: 700;
    width: 220px;
    padding: 12px 16px;
}
.pv17-admin-td-status {
    color: #16a34a;
    font-weight: 700;
    padding: 12px 16px;
}
.pv17-admin-td-val {
    padding: 12px 16px;
    color: #334155;
}
.pv17-admin-cache-card-h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 20px 0 8px;
}
.pv17-admin-cache-card-desc-sm {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 16px;
}
.pv17-admin-cache-btn-hero {
    background:#0f172a;
    border-color:#0f172a;
    font-weight:700;
    border-radius:8px;
}

/* Fallback & Not Found screens */
.pv17-standalone-card-center {
    max-width: 800px;
    margin: 60px auto;
    padding: 48px 32px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    text-align: center;
    font-family: var(--ff-body, 'Jost', sans-serif);
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.pv17-standalone-icon-circle {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
}
.pv17-standalone-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 12px;
}
.pv17-standalone-card-desc {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0 auto 28px;
    max-width: 480px;
}
.pv17-standalone-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #0f172a;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 999px;
    text-decoration: none;
}
.pv17-archived-project-wrap {
    max-width: 680px;
    margin: 80px auto;
    padding: 48px 24px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(15,27,61,0.05);
    font-family: inherit;
}
.pv17-badge-archived {
    display: inline-block;
    padding: 4px 12px;
    background: #FEF3C7;
    color: #92400E;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.pv17-archived-title {
    font-size: 22px;
    font-weight: 800;
    color: #0F1B3D;
    margin: 0 0 10px;
}
.pv17-archived-desc {
    font-size: 14px;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 24px;
}
.pv17-archived-btn {
    display: inline-flex;
    padding: 11px 24px;
    background: #0F1B3D;
    color: #FFF;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

/* Standalone Project Page */
.pv17-standalone-project {
    max-width: 880px;
    margin: 36px auto 72px;
    padding: 0 20px;
    font-family: var(--ff-body, 'Jost', sans-serif);
}
.pv17-project-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #64748B;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.pv17-breadcrumb-home-link {
    color: #64748B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.pv17-breadcrumb-nav-link {
    color: #64748B;
    text-decoration: none;
}
.pv17-breadcrumb-current-tag {
    color: #0F1B3D;
    font-weight: 700;
}
.pv17-project-header-wrap {
    margin-bottom: 28px;
}
.pv17-project-badges-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.pv17-badge-project-role {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #FAF5EB;
    border: 1px solid #F3E8D3;
    color: #8A5A1E;
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 4px 12px;
    border-radius: 6px;
}
.pv17-badge-project-verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #ECFDF5;
    border: 1px solid #D1FAE5;
    color: #065F46;
    font-size: 11.5px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 6px;
}
.pv17-project-page-h1 {
    font-family: var(--ff-display, 'Satoshi', sans-serif);
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 800;
    color: #0F1B3D;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -.015em;
}
.pv17-project-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid #F1F5F9;
    border-bottom: 1px solid #F1F5F9;
    flex-wrap: wrap;
}
.pv17-meta-author-group {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pv17-author-meta-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid #CBD5E1;
}
.pv17-meta-author-title {
    font-size: 15px;
    font-weight: 800;
    color: #0F1B3D;
    display: flex;
    align-items: center;
    gap: 5px;
}
.pv17-meta-author-link {
    color: #0F1B3D;
    text-decoration: none;
}
.pv17-meta-author-details {
    font-size: 12.5px;
    color: #64748B;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pv17-project-action-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.pv17-btn-live-project {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0F1B3D;
    color: #FFFFFF;
    padding: 9px 20px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(15,27,61,0.2);
    transition: background .2s ease;
}
.pv17-btn-whatsapp-inquiry {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #25D366;
    color: #FFF;
    padding: 9px 18px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(37,211,102,0.25);
}
.pv17-project-hero-media-wrap {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #0F1B3D;
    box-shadow: 0 16px 44px rgba(15,27,61,0.1);
    margin-bottom: 32px;
    border: 1px solid #E2E8F0;
}
.pv17-project-hero-img {
    width: 100%;
    height: auto;
    max-height: 640px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.pv17-adsense-slot {
    margin: 28px 0;
    text-align: center;
    clear: both;
}
.pv17-adsense-label {
    font-size: 10px;
    font-weight: 700;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
}
.pv17-adsense-box {
    min-height: 90px;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}
.pv17-adsense-ins {
    display:block;
}
.pv17-project-card-article {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: clamp(24px, 4vw, 40px);
    box-shadow: 0 6px 24px rgba(15,27,61,0.03);
    margin-bottom: 36px;
}
.pv17-project-case-heading {
    font-size: 18px;
    font-weight: 800;
    color: #0F1B3D;
    margin: 0 0 14px;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pv17-project-case-content {
    font-size: 1.0625rem;
    line-height: 1.85;
    color: #16243E;
    white-space: pre-line;
}
.pv17-author-showcase-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}
.pv17-author-showcase-avatar-group {
    display: flex;
    align-items: center;
    gap: 14px;
}
.pv17-author-showcase-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.pv17-author-showcase-name {
    font-size: 16px;
    font-weight: 800;
    color: #0F1B3D;
}
.pv17-author-showcase-sub {
    font-size: 13px;
    color: #64748B;
}
.pv17-author-showcase-cta-wrap {
    display: flex;
    gap: 10px;
}
.pv17-author-showcase-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0F1B3D;
    color: #FFF;
    padding: 10px 22px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
}
.pv17-more-projects-section {
    margin-top: 40px;
}
.pv17-more-projects-heading {
    font-size: 20px;
    font-weight: 800;
    color: #0F1B3D;
    margin: 0 0 16px;
}
.pv17-more-projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}
.pv17-more-project-card {
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(15,27,61,0.04);
    display: flex;
    flex-direction: column;
    transition: transform .2s ease;
}
.pv17-more-project-card:hover {
    transform: translateY(-2px);
}
.pv17-more-project-thumb {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    background: #F1F5F9;
}
.pv17-more-project-thumb-fallback {
    width: 100%;
    height: 140px;
    background: linear-gradient(135deg, #0F1B3D, #1E3A5F);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}
.pv17-more-project-info {
    padding: 12px;
}
.pv17-more-project-title {
    font-size: 14px;
    font-weight: 800;
    color: #0F1B3D;
    line-height: 1.3;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pv17-more-project-link {
    font-size: 12px;
    color: #64748B;
    font-weight: 600;
}

/* 404 Creator Not Found */
.pv17-not-found-card {
    max-width: 620px;
    margin: 80px auto;
    padding: 50px 30px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(15,27,61,0.06);
    font-family: inherit;
}
.pv17-not-found-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #F1F5F9;
    color: #0F1B3D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.pv17-not-found-title {
    font-size: 22px;
    font-weight: 800;
    color: #0F1B3D;
    margin: 0 0 10px;
}
.pv17-not-found-desc {
    font-size: 14.5px;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 24px;
}
.pv17-not-found-actions-row {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.pv17-btn-explore-stories {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: #0F1B3D;
    color: #FFFFFF;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 13.5px;
}
.pv17-btn-home-return {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: #F1F5F9;
    color: #0F1B3D;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 13.5px;
    border: 1px solid #CBD5E1;
}
.pv17-not-found-simple {
    padding: 40px;
    text-align: center;
    color: #64748b;
}

/* Cover Actions & Buttons */
.pv17-cover-actions {
    position: absolute;
    top: clamp(16px, 3vw, 24px);
    right: clamp(16px, 3vw, 24px);
    z-index: 10;
    display: flex;
    gap: 8px;
    align-items: center;
}
.pv17-cover-direct-btn {
    background: rgba(15,27,61,0.85);
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255,0.25);
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    border-radius: 999px;
    padding: 7px 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(8px);
    transition: all .15s ease;
}
.pv17-cover-direct-remove-btn {
    background: rgba(220,38,38,0.9);
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    border-radius: 999px;
    padding: 7px 12px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
    font-size: 11.5px;
    font-weight: 700;
    transition: all .15s ease;
}
.pv17-file-hidden {
    display: none !important;
}

/* Tab & Loadmore */
.pv17-tab-hidden {
    display: none !important;
}
.pv17-loadmore-wrap {
    text-align: center;
    margin-top: 24px;
}
.pv17-portfolio-hint {
    font-size: 13px;
    color: var(--muted);
    margin: 6px 0 0;
}
.pv17-portfolio-empty-msg {
    margin: 0 0 14px;
}
.pv17-portfolio-empty-msg-simple {
    margin: 0;
}

/* Portfolio Card Action & Badges */
.pv17-pf-card {
    position: relative;
}
.pv17-pf-card-actions-admin {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 6px;
    z-index: 20;
}
.pv17-pf-edit-btn {
    background: #FFFFFF;
    color: #0F1B3D;
    border: 1px solid #CBD5E1;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
}
.pv17-pf-del-btn {
    background: #E11D48;
    color: #FFFFFF;
    border: none;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.pv17-pf-card-img-link {
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
}
.pv17-pf-badge-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
}
.pv17-pf-badge-role-tag {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    background: #FAF5EB;
    color: #8A5A1E;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid #F3E8D3;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 140px;
}
.pv17-pf-badge-verified-tag {
    font-size: 10.5px;
    font-weight: 700;
    background: #ECFDF5;
    color: #065F46;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid #D1FAE5;
}
.pv17-pf-actions-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #F1F5F9;
}
.pv17-pf-live-link {
    font-size: 11.5px;
    font-weight: 700;
    color: #64748B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 130px;
}
.pv17-pf-case-study-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #94A3B8;
}
.pv17-pf-view-details-btn {
    background:#0f1b3d;
    color:#ffffff;
    font-weight:800;
    font-size:11.5px;
    padding:6px 14px;
    border-radius:999px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:4px;
    box-shadow:0 3px 10px rgba(15,27,61,0.18);
    margin-left:auto;
}

/* Studio Promo Box */
.pv17-studio-promo-box {
    max-width: 640px;
    margin: 40px auto;
    padding: 48px 32px;
    background: #FFFFFF;
    border: 1px solid var(--border, #E2E8F0);
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.pv17-studio-promo-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    background: #0F172A;
    color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pv17-studio-promo-title {
    font-family: var(--ff-display, 'Satoshi', sans-serif);
    font-size: 32px;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 10px;
}
.pv17-studio-promo-desc {
    font-size: 15px;
    color: var(--muted);
    line-height: 1.6;
    margin: 0 0 24px;
}
.pv17-studio-promo-btn {
    display: inline-flex;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 999px;
    text-decoration: none;
    color: #FFF;
    background: #0F172A;
}

/* Form Helper Classes */
.pv17-form-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.pv17-text-muted-tag {
    color: #94A3B8;
}

/* SEO Matrix Table */
.pv17-th-views {
    text-align: right;
}
.pv17-seo-title-link {
    color: var(--ink);
    text-decoration: none;
}
.pv17-seo-meta-tag {
    font-size: 11px;
    color: var(--muted);
    margin-top: 3px;
}
.pv17-seo-meta-date {
    font-size: 11px;
    color: var(--muted-2);
    margin-top: 1px;
}
.pv17-td-views {
    font-weight: 800;
    color: var(--ink);
    text-align: right;
}
.pv17-td-empty {
    text-align: center;
    padding: 32px;
    color: var(--muted-2);
}

/* Edit Profile Photo & File Controls */
.pv17-file-action-buttons {
    display: flex;
    gap: 6px;
    align-items: center;
}
.pv17-cursor-pointer {
    cursor: pointer;
}
.pv17-btn-remove-sm {
    color: #DC2626;
    border-color: #CBD5E1;
    padding: 4px 8px;
    font-size: 11px;
}
.pv17-cover-preview-img {
    border-radius: 8px;
    width: 80px;
    height: 48px;
    object-fit: cover;
}

/* Username Slug Box */
.pv17-username-wrapper {
    position: relative;
}
.pv17-username-box {
    display: flex;
    align-items: center;
    border: 1px solid var(--line, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
    background: var(--surface, #fff);
}
.pv17-username-prefix {
    padding: 0 10px;
    font-size: 12.5px;
    color:#64748b;
    font-weight: 600;
    border-right: 1px solid var(--line, #e2e8f0);
    white-space: nowrap;
    background: var(--mist, #f8fafc);
    height: 44px;
    display: flex;
    align-items: center;
    text-decoration:none;
    user-select: none;
}
.pv17-username-input {
    border:none;
    border-radius:0;
    height:44px;
    flex: 1;
    min-width: 0;
    padding: 0 12px;
    font-size: 14px;
}
.pv17-username-status-text {
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
    min-height: 16px;
}
.pv17-otw-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--ink-2);
    font-weight: 600;
}
.pv17-otw-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--ink);
}
.pv17-section-heading-sm {
    font-size: 11px;
    font-weight: 800;
    color: var(--ink-2);
    margin: 24px 0 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 10px;
}

/* Sidebar Mini Links */
.pv17-side-mini.is-clickable {
    cursor: pointer;
}
.pv17-side-mini-block {
    display: block;
    padding: 10px 0;
}
.pv17-side-article-link {
    font-size: 13px;
    color: var(--ink);
    font-weight: 600;
    text-decoration: none;
    line-height: 1.4;
    display: block;
}
.pv17-side-article-meta {
    font-size: 11px;
    color: var(--muted-2);
    margin-top: 4px;
}

/* Followers Modal Elements */
.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-box {
    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-button {
    position: absolute;
    right: 18px;
    top: 18px;
    background: none;
    border: none;
    font-size: 22px;
    color: #64748B;
    cursor: pointer;
    line-height: 1;
}
.pch-modal-header-title {
    margin: 0 0 16px 0;
    font-size: 17px;
    font-weight: 800;
    color: #0F1B3D;
}
.pch-modal-content-area {
    min-height: 120px;
}
.pch-modal-loading-indicator {
    padding: 40px 20px;
    text-align: center;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
}
.pch-modal-skeleton-stack {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pch-modal-skeleton-bar {
    height: 52px;
    background: #F1F5F9;
    border-radius: 10px;
}
.pch-modal-error-indicator {
    padding: 30px;
    text-align: center;
    color: #DC2626;
    font-size: 14px;
    font-weight: 600;
}
@keyframes pv17rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.pv17-spin { animation: pv17rotate 1s linear infinite; }

/* Followers Modal Micro-Card Architecture (MNC Standard) */
.pch-followers-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 420px;
    overflow-y: auto;
    padding: 4px 2px;
}
.pch-follower-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    gap: 12px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}
.pch-follower-card:hover {
    background: #FFFFFF;
    border-color: #CBD5E1;
    box-shadow: 0 4px 12px rgba(15, 27, 61, 0.05);
}
.pch-follower-card-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    min-width: 0;
    flex: 1;
}
.pch-follower-avatar {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid #CBD5E1;
    flex-shrink: 0 !important;
    display: block;
}
.pch-follower-info {
    min-width: 0;
    flex: 1;
}
.pch-follower-name {
    font-weight: 700;
    font-size: 14px;
    color: #0F1B3D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}
.pch-follower-handle {
    font-size: 12px;
    color: #64748B;
    line-height: 1.3;
}
.pch-follower-tagline {
    font-size: 11px;
    color: #475569;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
    line-height: 1.3;
}
.pch-follower-btn {
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    flex-shrink: 0;
    cursor: pointer;
    border: 1px solid #0F1B3D;
    background: #0F1B3D;
    color: #FFFFFF;
    transition: all 0.2s ease;
}
.pch-follower-btn.pch-btn-outline {
    background: transparent;
    color: #0F1B3D;
    border-color: #CBD5E1;
}
.pch-followers-empty {
    padding: 30px;
    text-align: center;
    color: #64748B;
    font-size: 14px;
}