:root{--bg:#f7f8fb;--surface:#fff;--surface2:#f0f3f8;--text:#111827;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary2:#1d4ed8;--danger:#dc2626;--radius:18px;--shadow:0 12px 35px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}html.dark{--bg:#0b1020;--surface:#111827;--surface2:#182033;--text:#edf2f7;--muted:#9aa7bd;--line:#263247;--shadow:0 15px 40px rgba(0,0,0,.25)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.narrow{width:min(820px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:72px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;font-size:1.35rem;letter-spacing:-.04em}.logo{max-height:44px;width:auto}.desktop-nav{display:flex;align-items:center;gap:18px;margin-right:auto}.desktop-nav a,.account-link,.link-btn{font-weight:650;font-size:.94rem}.link-btn{background:none;border:0;color:inherit;cursor:pointer}.nav-item{position:relative}.dropdown{display:none;position:absolute;top:100%;left:-12px;min-width:190px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:8px}.nav-item:hover .dropdown{display:grid}.dropdown a{padding:8px 10px;border-radius:8px}.dropdown a:hover{background:var(--surface2)}.header-search{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.header-search input{border:0;background:transparent;padding:9px 4px 9px 14px;width:175px;color:var(--text);outline:0}.header-search button{border:0;background:transparent;padding:9px 12px;color:var(--muted);cursor:pointer}.icon-btn,.mobile-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);width:38px;height:38px;border-radius:10px;cursor:pointer}.mobile-toggle{display:none}.mobile-nav{display:none;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}[x-cloak]{display:none!important}.hero{padding:88px 0 58px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 35%),linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.98;letter-spacing:-.06em;max-width:900px;margin:16px 0}.hero p{font-size:1.2rem;color:var(--muted);max-width:720px}.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:var(--primary)}.hero-actions,.social-row,.share,.tag-row,.toolbar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary);background:var(--primary);color:#fff;padding:10px 16px;border-radius:11px;font-weight:750;cursor:pointer}.btn:hover{background:var(--primary2)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.full{width:100%}.btn.small{padding:6px 10px;font-size:.85rem}.btn.big{padding:14px 22px;margin-top:18px}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 18px}.section-head h2{font-size:1.65rem;margin:0;letter-spacing:-.03em}.featured-grid,.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-grid .post-card h2{font-size:1.1rem}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:.2s}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card-image{aspect-ratio:16/9;background:var(--surface2);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card-body h2{font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;margin:10px 0}.card-body p{color:var(--muted);margin:0 0 12px}.meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.pill,.badge{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));font-size:.76rem;font-weight:800;padding:4px 9px;border-radius:999px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.sidebar-card,.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px}.sidebar-card h3,.panel-card h2,.panel-card h3{margin-top:0}.trend{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;line-height:1.25}.trend>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:var(--surface2);color:var(--primary)}.trend small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.pills{display:flex;gap:8px;flex-wrap:wrap}.ad-slot{text-align:center;margin:18px auto;overflow:hidden}.sticky-ad{position:fixed;z-index:80;bottom:0;left:50%;transform:translateX(-50%);max-width:min(970px,95vw);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.site-footer{margin-top:70px;background:#0c1222;color:#d7deeb;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-grid h3{color:#fff}.footer-grid a{display:block;margin:8px 0;color:#bdc8db}.footer-brand{font-size:1.4rem;font-weight:900;color:#fff}.footer-bottom{border-top:1px solid #263047;padding-top:18px;margin-top:28px;color:#8fa0ba;font-size:.9rem}.archive-head{padding:18px 0 30px}.archive-head h1,.page-head h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.05;letter-spacing:-.05em;margin:8px 0}.archive-head p{color:var(--muted);font-size:1.1rem}.big-search{display:flex;gap:10px;max-width:720px}.big-search input{flex:1}.empty{padding:40px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.author-hero{display:flex;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:var(--radius);margin-bottom:36px}.author-hero img,.avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:var(--primary);color:#fff;font-size:3rem;font-weight:900}.author-hero h1{margin:3px 0;font-size:2.2rem}.article{padding:34px 0}.article-grid{display:grid;grid-template-columns:minmax(0,820px) 270px;gap:42px;justify-content:center}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:.85rem;margin-bottom:22px}.article-header h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0}.dek{font-size:1.2rem;color:var(--muted);line-height:1.6}.article-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin:26px 0}.article-tools{border-block:1px solid var(--line);padding:13px 0;margin:18px 0}.share button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 11px;cursor:pointer}.toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:22px 0}.toc ol{margin:8px 0 0;padding-left:20px}.toc a{color:var(--primary)}.prose{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;line-height:1.82}.prose h2,.prose h3,.prose h4{font-family:Inter,system-ui,sans-serif;letter-spacing:-.035em;line-height:1.2;margin-top:2em}.prose h2{font-size:1.85rem}.prose h3{font-size:1.45rem}.prose a{color:var(--primary);text-decoration:underline}.prose img{border-radius:14px;margin:22px auto}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:9px}.prose blockquote{margin:24px 0;padding:10px 20px;border-left:4px solid var(--primary);background:var(--surface2)}.prose pre{overflow:auto;background:#0c1222;color:#e5edf8;padding:18px;border-radius:12px}.article-side .sticky{position:sticky;top:92px}.author-box{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:34px 0}.author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover}.author-box h3{margin:3px 0}.progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:0;background:var(--primary)}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:50px 16px}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{margin:0;font-size:2rem}.auth-card>p{color:var(--muted);margin-top:6px}.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:.9rem;color:var(--primary)}label{display:grid;gap:6px;font-weight:700;margin:13px 0;font-size:.9rem}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}label.check{display:flex;align-items:center;gap:8px;font-weight:600}label.check input{width:auto}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert.success{background:#ecfdf5;color:#047857}.alert.error{background:#fef2f2;color:#b91c1c}.muted{color:var(--muted);font-size:.88rem}.panel-body{background:var(--bg)}.panel-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.panel-sidebar{position:sticky;top:0;height:100vh;background:#0c1222;color:#c9d4e7;padding:20px 14px;overflow:auto}.panel-brand{display:block;color:#fff;font-weight:900;font-size:1.25rem;padding:10px 12px 22px}.panel-sidebar>a:not(.panel-brand){display:block;padding:9px 12px;border-radius:9px;margin:2px 0}.panel-sidebar>a:not(.panel-brand):hover{background:#18233a;color:#fff}.side-label{font-size:.65rem;letter-spacing:.14em;color:#6f809e;padding:18px 12px 5px}.panel-main{min-width:0}.panel-top{height:74px;padding:0 26px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.panel-content{padding:26px;width:min(1450px,100%);margin:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.stat span{display:block;color:var(--muted);font-size:.85rem}.stat strong{display:block;font-size:2rem;letter-spacing:-.04em;margin-top:6px}.quick-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quick-grid .panel-card{margin:0}.panel-card h2{letter-spacing:-.03em}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:12px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface2)}.link-danger{border:0;background:none;color:var(--danger);cursor:pointer;padding:0}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.preview-image{width:100%;max-height:220px;object-fit:cover;border-radius:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.span-2{grid-column:span 2}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.item-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0}.item-list small{display:block;color:var(--muted)}.stack{display:grid;gap:16px}.card-title-row{display:flex;justify-content:space-between;gap:20px}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.payment-grid>div{border:1px solid var(--line);border-radius:14px;padding:16px}.payment-grid code{display:block;word-break:break-all;color:var(--muted)}@media(max-width:1000px){.desktop-nav,.header-search{display:none}.mobile-toggle{display:inline-grid;place-items:center}.mobile-nav{display:grid;gap:10px}.two-col,.article-grid{grid-template-columns:1fr}.article-side{display:none}.featured-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.panel-shell{grid-template-columns:1fr}.panel-sidebar{position:fixed;z-index:60;left:-270px;width:250px;transition:.2s}.panel-sidebar.open{left:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid,.split,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.payment-grid{grid-template-columns:1fr}}@media(max-width:650px){.container{width:min(100% - 22px,1180px)}.nav-wrap{height:62px;gap:9px}.account-link{display:none}.hero{padding:60px 0 42px}.hero h1{font-size:2.65rem}.post-grid,.featured-grid{grid-template-columns:1fr}.section{padding:34px 0}.footer-grid{grid-template-columns:1fr}.author-hero{align-items:flex-start;flex-direction:column}.article-header h1{font-size:2.45rem}.stat-grid{grid-template-columns:1fr 1fr}.panel-content{padding:15px}.panel-top{padding:0 15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.big-search{flex-direction:column}.card-title-row{display:block}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px}.price{font-size:2.15rem;font-weight:900;letter-spacing:-.04em;margin:12px 0}.price small{font-size:.9rem;color:var(--muted);font-weight:600}.price-card ul{padding-left:20px;color:var(--muted)}.layout-list .post-grid{grid-template-columns:1fr}.layout-minimal .post-card{box-shadow:none;border-radius:10px}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}}.dark-logo{display:none}html.dark .light-logo{display:none}html.dark .dark-logo{display:block}.search-wrap{position:relative}.search-suggest{display:none;position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:7px;z-index:70}.search-suggest a{padding:9px 10px;border-radius:8px;font-size:.9rem}.search-suggest a:hover{background:var(--surface2)}.drag-item{cursor:grab}.drag-item:active{cursor:grabbing}.modal{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:24px;width:min(460px,90vw);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(15,23,42,.55)}
/* ===== v2 modern professional UI ===== */
body{font-family:var(--font-site,Inter,system-ui,sans-serif);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--primary) 4%),var(--bg));letter-spacing:-.005em}
body.theme-azure{--primary2:#1d4ed8;--accent:#06b6d4;--soft:#eff6ff}
body.theme-emerald{--primary2:#047857;--accent:#14b8a6;--soft:#ecfdf5}
body.theme-rose{--primary2:#be123c;--accent:#f97316;--soft:#fff1f2}
body.theme-midnight{--primary2:#4f46e5;--accent:#8b5cf6;--soft:#eef2ff}
body.theme-editorial{--primary2:#7c2d12;--accent:#ca8a04;--soft:#fffbeb}
html.dark body.theme-azure,html.dark body.theme-emerald,html.dark body.theme-rose,html.dark body.theme-midnight,html.dark body.theme-editorial{--soft:#141d2e}
.site-header{box-shadow:0 1px 0 rgba(15,23,42,.025)}
.nav-wrap{height:76px;gap:18px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent,#06b6d4));color:#fff;font-size:1rem;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 25%,transparent)}
.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.header-create{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:.86rem;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 18%,transparent)}.profile-link{border:1px solid var(--line);padding:7px 11px;border-radius:10px;background:var(--surface)}.header-logout{display:flex}.desktop-nav{margin-right:0}.desktop-nav a{transition:.18s}.desktop-nav>a:hover,.nav-item>a:hover{color:var(--primary)}
.mobile-nav[hidden]{display:none!important}.mobile-nav{max-height:70vh;overflow:auto}.mobile-nav a{padding:9px 0;border-bottom:1px solid var(--line);font-weight:700}
.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,color-mix(in srgb,var(--accent,#06b6d4) 18%,transparent),transparent 70%);pointer-events:none}.hero h1{font-weight:800}.post-card{box-shadow:0 10px 30px rgba(15,23,42,.035)}.card-body h2{font-weight:800}.btn{box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 14%,transparent);transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:var(--surface);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 28%,var(--line));box-shadow:none}.btn.ghost{box-shadow:none}.big-save{padding:13px 16px;margin-top:10px}
.prose{font-family:'Source Serif 4',Georgia,serif}.prose h2,.prose h3,.prose h4{font-family:var(--font-site,Inter,system-ui,sans-serif)}

/* Profile + author studio */
.profile-cover{padding:48px 0 24px;background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%),linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line)}
.profile-hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.profile-hero-no-avatar{grid-template-columns:minmax(0,1fr) auto}.profile-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-title-row .profile-role{position:static;left:auto;bottom:auto;transform:none;border:0;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);padding:5px 10px}
.profile-avatar-wrap{position:relative}.profile-avatar{width:138px;height:138px;border-radius:28px;object-fit:cover;border:4px solid var(--surface);box-shadow:0 15px 34px rgba(15,23,42,.14)}.profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent,#06b6d4));color:#fff;font-size:3.4rem;font-weight:900}.profile-role{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:#0f172a;color:#fff;border:3px solid var(--surface);border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.profile-main-info h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;margin:5px 0 10px;letter-spacing:-.055em}.profile-handles{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.profile-handles a:hover{color:var(--primary)}.profile-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.profile-bio{max-width:760px;font-size:1.03rem;color:var(--muted);margin:16px 0 10px}.profile-owner-actions{display:grid;gap:9px;min-width:155px}.owner-studio{padding:36px 0 8px}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.studio-heading h2{font-size:2rem;margin:4px 0 0;letter-spacing:-.04em}.profile-stats .stat{position:relative;overflow:hidden}.profile-stats .stat:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-24px;top:-25px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.profile-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.studio-posts{margin:0}.profile-side-stack{display:grid;gap:18px}.profile-side-stack .panel-card{margin:0}.profile-link-card strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;word-break:break-all;margin:6px 0 10px}.profile-edit-card summary{cursor:pointer;list-style:none}.profile-edit-card summary::-webkit-details-marker{display:none}.profile-edit-card summary span{display:block;color:var(--muted);font-size:.8rem;font-weight:500;margin-top:3px}.profile-edit-card[open] summary{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:10px}.profile-public-articles{padding-top:38px}.compact-empty{padding:18px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:850}.status-published{background:#ecfdf5;color:#047857}.status-draft{background:#f1f5f9;color:#475569}.status-scheduled{background:#fff7ed;color:#c2410c}html.dark .status-published{background:#063c2d;color:#a7f3d0}html.dark .status-draft{background:#1f2937;color:#cbd5e1}html.dark .status-scheduled{background:#431407;color:#fed7aa}

/* Author editor */
.studio-page{padding:38px 0 70px}.studio-wrap{width:min(1380px,calc(100% - 32px))}.studio-page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.studio-page-head h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.05em;margin:5px 0}.studio-page-head p{color:var(--muted);margin:0}.modern-editor-grid{grid-template-columns:minmax(0,1fr) 350px}.editor-main-card{padding:24px}.title-input{font-size:1.25rem;font-weight:750;padding:14px}.editor-side-stack{display:grid;gap:16px;align-content:start}.editor-side-stack .panel-card{margin:0}.rich-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.rich-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:9px;background:var(--surface2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.rich-toolbar button,.rich-toolbar select{width:auto;min-height:34px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:6px 9px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer}.rich-toolbar button:hover{border-color:var(--primary);color:var(--primary)}.rich-surface{min-height:560px;padding:28px;outline:0;font-family:'Source Serif 4',Georgia,serif;font-size:1.08rem;line-height:1.82}.page-editor-surface{min-height:380px}.rich-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.rich-surface h2,.rich-surface h3{font-family:var(--font-site,Inter,system-ui,sans-serif);line-height:1.25}.rich-surface blockquote{border-left:4px solid var(--primary);padding:8px 16px;margin:18px 0;background:var(--surface2)}.rich-surface table{width:100%;border-collapse:collapse}.rich-surface th,.rich-surface td{border:1px solid var(--line);padding:8px}.rich-surface pre{background:#0f172a;color:#e2e8f0;border-radius:11px;padding:14px;overflow:auto}.rich-surface img{max-width:100%;height:auto;border-radius:12px}.rich-surface figure{margin:20px 0}.rich-surface figcaption{font-size:.82rem;color:var(--muted);text-align:center;margin-top:6px}

/* Modern admin */
.panel-body{font-family:var(--font-site,Inter,system-ui,sans-serif);background:#f5f7fb}.panel-shell{grid-template-columns:278px minmax(0,1fr)}.panel-sidebar{width:278px;padding:18px 13px;background:linear-gradient(180deg,#0b1220,#111827);box-shadow:10px 0 32px rgba(2,6,23,.08)}.panel-brand{display:flex!important;align-items:center;gap:10px;padding:8px 10px 24px!important}.panel-brand img{max-height:38px;width:auto;filter:brightness(0) invert(1)}.panel-sidebar>a:not(.panel-brand){display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin:3px 0;color:#cbd5e1;font-weight:650}.panel-sidebar>a:not(.panel-brand)>span{width:22px;text-align:center;color:#8ba0bf}.panel-sidebar>a:not(.panel-brand):hover,.panel-sidebar>a.active{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.07));color:#fff}.panel-sidebar>a.active>span{color:#60a5fa}.side-label{padding:19px 12px 6px;color:#64748b;font-size:.63rem}.panel-top{height:78px;padding:0 28px;box-shadow:0 1px 0 rgba(15,23,42,.02)}.panel-top-left,.panel-top-actions{display:flex;align-items:center;gap:12px}.panel-top-left strong{font-size:1.05rem}.admin-user-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:6px 9px;background:var(--surface)}.admin-user-chip>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent,#06b6d4));color:#fff;font-weight:850}.admin-user-chip div{display:grid;line-height:1.15}.admin-user-chip small{color:var(--muted);font-size:.7rem;margin-top:3px}.panel-content{padding:30px;width:min(1540px,100%)}.admin-welcome{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:27px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line))}.admin-welcome h1{font-size:2rem;letter-spacing:-.045em;margin:4px 0}.admin-welcome p{color:var(--muted);margin:0}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{box-shadow:0 9px 26px rgba(15,23,42,.035)}.stat small{display:block;color:var(--muted);margin-top:3px}.stat-accent{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:20px}.admin-recent-posts{margin:0}.admin-side-stack{display:grid;gap:18px;align-content:start}.admin-side-stack .panel-card{margin:0}.admin-quick-links{display:grid;gap:8px}.admin-quick-links a{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line)}.admin-quick-links a span{color:var(--muted);font-size:.82rem}.mini-user-list{display:grid}.mini-user-list>a{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.mini-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface2);color:var(--primary);font-weight:850}.mini-user-list strong,.mini-user-list small{display:block}.mini-user-list small{color:var(--muted);font-size:.72rem;margin-top:2px}.clean-table{box-shadow:none}.admin-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.admin-section-head h2{font-size:2rem;margin:4px 0;letter-spacing:-.04em}.admin-section-head p{margin:0;color:var(--muted)}.admin-save-top{margin:0}.panel-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}.panel-card-head h2{margin:0}.panel-card-head p{margin:2px 0 0;color:var(--muted);font-size:.86rem}.admin-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface2));color:var(--primary);font-weight:900}.theme-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:12px 0 18px}.theme-option{margin:0;cursor:pointer}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-preview{display:grid;gap:4px;border:2px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);transition:.18s}.theme-preview i{display:block;height:48px;border-radius:9px}.theme-option input:checked+.theme-preview{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.theme-preview b{font-size:.86rem}.theme-preview small{color:var(--muted);font-weight:500}.theme-swatch-azure i{background:linear-gradient(135deg,#2563eb,#06b6d4)}.theme-swatch-emerald i{background:linear-gradient(135deg,#059669,#14b8a6)}.theme-swatch-rose i{background:linear-gradient(135deg,#e11d48,#f97316)}.theme-swatch-midnight i{background:linear-gradient(135deg,#312e81,#8b5cf6)}.theme-swatch-editorial i{background:linear-gradient(135deg,#7c2d12,#ca8a04)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.profile-format-preview{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.profile-format-preview span{display:block;color:var(--muted);font-size:.75rem}.profile-format-preview strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;word-break:break-all;margin-top:4px}

html.dark .panel-body{background:#0b1020}.panel-card details summary{cursor:pointer}

@media(max-width:1180px){.header-search{display:none}.theme-picker{grid-template-columns:repeat(3,1fr)}.profile-dashboard-grid{grid-template-columns:1fr}.profile-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-editor-grid{grid-template-columns:minmax(0,1fr) 310px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.panel-shell{grid-template-columns:1fr}.panel-sidebar{position:fixed;width:278px;left:-290px}.panel-sidebar.open{left:0}.profile-hero-card{grid-template-columns:auto minmax(0,1fr)}.profile-hero-no-avatar{grid-template-columns:minmax(0,1fr) auto}.profile-owner-actions{grid-column:1/-1;display:flex}.modern-editor-grid{grid-template-columns:1fr}.editor-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.theme-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-create{padding:8px 10px;font-size:.78rem}.profile-hero-card{grid-template-columns:1fr;text-align:center}.profile-hero-no-avatar{grid-template-columns:1fr}.profile-title-row{justify-content:center}.profile-avatar-wrap{margin:auto}.profile-handles,.social-row{justify-content:center}.profile-owner-actions{justify-content:center}.studio-heading,.studio-page-head,.admin-welcome,.admin-section-head{display:block}.studio-heading .btn,.studio-page-head .btn,.admin-welcome .hero-actions,.admin-section-head .btn{margin-top:14px}.profile-side-stack,.editor-side-stack,.admin-side-stack{grid-template-columns:1fr}.theme-picker{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr}.panel-top-actions .admin-user-chip{display:none}}
@media(max-width:560px){.header-create{display:none}.profile-link{display:none}.profile-owner-actions{display:grid}.theme-picker{grid-template-columns:1fr}.rich-toolbar{max-height:112px;overflow:auto}.rich-surface{min-height:430px;padding:18px}.profile-cover{padding-top:25px}.profile-hero-card{padding:20px;border-radius:20px}.admin-stat-grid{grid-template-columns:1fr 1fr}.panel-top{padding:0 14px}.panel-content{padding:15px}.admin-welcome{padding:20px}}
.modern-home-hero .hero-copy{max-width:930px}.hero-category-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-category-row a{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 78%,transparent);border-radius:999px;font-size:.78rem;font-weight:750}.hero-category-row a span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.7rem}

/* V2.2 — plan-specific ads, retention and subscription grace */
.ad-plan-box{margin:1.1rem 0;padding:1rem;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:var(--panel-soft,#f8fafc)}
.compact-head{margin-bottom:.7rem}.plan-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}.plan-check{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem;border:1px solid var(--border,#e5e7eb);border-radius:13px;background:var(--card,#fff);cursor:pointer}.plan-check input{margin-top:.25rem}.plan-check span{display:grid;gap:.15rem}.plan-check small{color:var(--muted,#64748b)}.plan-check.all-paid{border-style:dashed}.plan-check:has(input:checked){outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);border-color:var(--primary)}.plan-check:has(input:disabled){opacity:.55}
.retention-preset-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem}.retention-rule-list{padding:1rem;border-radius:14px;background:var(--panel-soft,#f8fafc);border:1px solid var(--border,#e5e7eb)}.retention-rule-list p{margin:.45rem 0}.membership-card h3{margin:.3rem 0 .6rem}.membership-date{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--border,#e5e7eb);border-bottom:1px solid var(--border,#e5e7eb);margin:.8rem 0}.paid-membership-card{border-color:color-mix(in srgb,var(--primary) 35%,var(--border,#e5e7eb))}.grace-membership-card{border-color:#f59e0b}.danger-outline{border:1px solid #dc2626!important;color:#dc2626!important;background:transparent!important}.btn.danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.confirm-dialog{border:0;border-radius:20px;padding:0;max-width:520px;width:calc(100% - 2rem);box-shadow:0 30px 80px rgba(15,23,42,.3)}.confirm-dialog::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.dialog-card{padding:1.5rem;text-align:center}.dialog-warning{display:grid;place-items:center;width:48px;height:48px;margin:0 auto .9rem;border-radius:999px;background:#fee2e2;color:#b91c1c;font-weight:900;font-size:1.4rem}.dialog-card h2{margin:.2rem 0 .65rem}.dialog-card p{color:var(--muted,#64748b);line-height:1.65}.dialog-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
/* V2.3 publishing refinements */
.article-content,.article-content p,.prose p{text-align:justify;text-justify:inter-word;hyphens:auto}
.article-content h2,.article-content h3,.article-content h4,.article-content li,.article-content blockquote,.article-content pre,.article-content table{text-align:left;hyphens:none}
.editor-note{margin:0;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:.82rem}


/* V2.4 — admin system controls, announcements, quotas, maintenance and reCAPTCHA */
.announcement-flash-wrap{padding:14px 0 0}.announcement-flash{display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));box-shadow:0 8px 28px rgba(15,23,42,.05)}.announcement-flash>div{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.announcement-flash strong{font-size:.82rem}.announcement-flash span:not(.announcement-pulse){color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-flash>a{font-size:.82rem;font-weight:800;white-space:nowrap}.announcement-pulse{width:9px;height:9px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 40%,transparent);animation:announcementPulse 1.8s infinite}@keyframes announcementPulse{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.settings-highlight{border-color:color-mix(in srgb,var(--primary) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}.switch-row{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.switch-row span{display:grid;gap:2px}.switch-row small{color:var(--muted);font-weight:500}.smtp-test-card{margin-top:20px}.inline-test-form{display:flex;align-items:end;gap:12px}.inline-test-form label{flex:1;margin:0}.site-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.site-status-pill.online{background:#dcfce7;color:#166534}.site-status-pill.maintenance{background:#fef3c7;color:#92400e}.admin-plan-note{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);margin:10px 0}.admin-plan-note p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.plan-limit-chip{display:inline-flex;margin:8px 0 10px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface2));color:var(--primary);font-size:.8rem;font-weight:800}.quota-card{border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.recaptcha-wrap{margin:12px 0;min-height:78px;overflow:hidden}.verify-action{background:#f59e0b!important;border-color:#f59e0b!important}.maintenance-page{margin:0;min-height:100vh;background:radial-gradient(circle at top,#eef4ff,#f8fafc 55%,#eef2f7);font-family:Inter,system-ui,sans-serif;color:#0f172a}.maintenance-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.maintenance-card{width:min(680px,100%);padding:48px;border:1px solid #e2e8f0;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(15,23,42,.12);text-align:center}.maintenance-card h1{font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.05em;margin:14px 0}.maintenance-card p{color:#64748b;font-size:1.05rem;line-height:1.75}.maintenance-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:.8rem}
@media(max-width:700px){.announcement-flash{align-items:flex-start;flex-wrap:wrap}.announcement-flash>div{align-items:flex-start;flex-direction:column;gap:2px}.announcement-flash span:not(.announcement-pulse){white-space:normal}.inline-test-form{display:grid}.site-status-pill{display:none}.maintenance-card{padding:30px 22px}}

.author-initial{width:80px;height:80px;flex:0 0 80px;font-size:2rem}.profile-avatar-wrap>.avatar-placeholder{width:120px;height:120px;box-shadow:0 15px 34px rgba(15,23,42,.14);border:4px solid var(--surface)}


/* V2.5 — profile identity, article sharing/details, split settings */
.profile-avatar-wrap{display:grid;justify-items:center;align-content:start;gap:0}
.profile-avatar-wrap .profile-avatar-fallback{width:138px;height:138px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--accent,#06b6d4));box-shadow:0 15px 34px rgba(15,23,42,.14);border:4px solid var(--surface)}
.profile-avatar-wrap .profile-role{position:relative;left:auto;bottom:auto;transform:none;margin-top:-13px;z-index:2}
.profile-id-labeled{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}
.profile-social-links,.author-social-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}
.profile-social-links a,.author-social-links a{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.82rem;font-weight:800;color:var(--text)}
.profile-social-links a:hover,.author-social-links a:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.profile-edit-page{width:min(900px,100%);margin:auto}
.profile-edit-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.profile-edit-head h1{font-size:clamp(2rem,5vw,3.4rem);margin:4px 0;letter-spacing:-.05em}
.profile-edit-head p{color:var(--muted);margin:0}
.profile-edit-form{padding:26px}
.profile-edit-actions{display:flex;gap:10px;margin-top:20px}

.share-intro{display:grid;gap:2px;margin-bottom:12px}
.share-intro strong{font-size:1rem}
.share-intro span{color:var(--muted);font-size:.88rem}
.share button{font-weight:750;transition:.15s}
.share button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}
.author-avatar-stack{display:grid;justify-items:center;align-content:start;flex:0 0 88px}
.author-role-chip{margin-top:-10px;z-index:2;background:#0f172a;color:#fff;border:2px solid var(--surface);border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:900;letter-spacing:.08em}
.author-box-content{min-width:0}
.author-identifiers{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0;color:var(--muted);font-size:.8rem}
.author-identifiers a{word-break:break-word}
.article-about-card h3{margin:3px 0 12px}
.article-detail-list{margin:0 0 14px}
.article-detail-list>div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--line)}
.article-detail-list dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}
.article-detail-list dd{margin:0;font-size:.86rem;font-weight:750;word-break:break-word}
.article-detail-list a:hover{color:var(--primary)}

.settings-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.settings-hub-card{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.035);transition:.18s}
.settings-hub-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));transform:translateY(-2px);box-shadow:var(--shadow)}
.settings-hub-card h3{margin:0 0 4px;font-size:1.05rem}
.settings-hub-card p{margin:0;color:var(--muted);font-size:.86rem}
.settings-hub-card>b{font-size:1.2rem;color:var(--primary)}
.settings-hub-announcement{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}

@media(max-width:760px){
    .profile-edit-head{display:grid}
    .settings-hub-grid{grid-template-columns:1fr}
    .author-box{align-items:flex-start}
}


/* V2.6 — responsive polish, light-mode default, ID chips, CRUD/UI fixes */
body{font-family:var(--font-site,Inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.footer-bottom{text-align:center}
.profile-id-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface));color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:900;letter-spacing:.02em;box-shadow:0 5px 15px rgba(15,23,42,.05);word-break:break-all}
.profile-id-chip:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));transform:translateY(-1px)}
.profile-id-chip.compact{padding:5px 9px;font-size:.72rem}
.profile-id-chip.large{padding:10px 14px;font-size:.85rem;margin:8px 0}
.article-summary,.dek{text-align:justify;text-justify:inter-word;hyphens:auto}
.article-main,.article-side,.profile-main-info,.post-card,.card-body{min-width:0}
.article-content,.article-content *{max-width:100%}
.article-content p{overflow-wrap:anywhere}
.article-content iframe,.article-content video{max-width:100%}
.article-content table{max-width:100%;overflow-x:auto}
.article-sidebar-ad{position:sticky;top:92px}
.article-submit-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:20px 0 8px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(15,23,42,.05)}
.article-submit-button{min-width:170px;padding:13px 24px;font-size:1rem}
.home-ad,.article-ad,.profile-ad{width:min(970px,100%)}
.mobile-logout-form{margin:0}
.mobile-logout-form button{width:100%;border:0;background:transparent;color:var(--text);font-weight:750;padding:10px 12px;cursor:pointer}
.mobile-logout-form button:hover{background:var(--surface2)}
.item-list .actions form,.actions form{margin:0}
.item-list>div{align-items:flex-start}
.auth-card{overflow:hidden}
.auth-card input,.auth-card select,.auth-card textarea{min-width:0}
.table-wrap{-webkit-overflow-scrolling:touch}
.modal{max-height:min(720px,90vh);overflow:auto}
.studio-wrap{max-width:1320px}
.rich-editor{max-width:100%;overflow:hidden}
.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap}
.rich-toolbar button,.rich-toolbar select{width:auto;max-width:100%}
.rich-surface{overflow-wrap:anywhere}
.site-footer .footer-grid>div{min-width:0}
.profile-social-links a,.author-social-links a{max-width:100%;overflow-wrap:anywhere}
.share{align-items:stretch}.share button{min-height:38px}
.article-detail-list dd{overflow-wrap:anywhere}

@media(max-width:1100px){
  .article-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .article-side{display:block!important}
  .article-side .sticky,.article-sidebar-ad{position:static!important}
  .article-side{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px}
  .two-col{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:900px){
  .two-col{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-header h1{font-size:clamp(2rem,8vw,3.6rem)}
  .hero h1{font-size:clamp(2.4rem,10vw,4.6rem)}
  .profile-dashboard-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .container,.narrow{width:min(100% - 24px,1180px)}
  .nav-wrap{height:auto;min-height:62px;padding:8px 0}
  .brand{min-width:0;max-width:58%;display:flex;align-items:center;gap:7px;overflow:hidden}
  .brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .logo{max-width:170px;max-height:40px}
  .header-actions{margin-left:auto;gap:6px}
  .header-logout,.header-actions>.account-link{display:none}
  .mobile-nav{padding:16px;text-align:center;justify-items:stretch;gap:6px}
  .mobile-nav a,.mobile-logout-form button{display:block;text-align:center;padding:11px 12px;border-radius:10px}
  .mobile-nav a:hover{background:var(--surface2)}
  .hero{padding:48px 0 34px}
  .hero p{font-size:1rem}
  .hero-actions{justify-content:center}
  .hero-category-row{justify-content:center}
  .section-head{align-items:flex-start;gap:10px}
  .article{padding:20px 0}
  .breadcrumbs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}
  .article-header h1{font-size:clamp(2rem,10vw,3rem)}
  .dek{font-size:1.05rem}
  .article-meta{font-size:.82rem}
  .hero-image{border-radius:14px;margin:18px 0}
  .article-tools{padding:12px 0}
  .share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .share button{width:100%;text-align:center}
  .toc{padding:14px}
  .prose{font-size:1.04rem;line-height:1.78}
  .prose h2{font-size:1.55rem}.prose h3{font-size:1.28rem}
  .author-box{display:grid;grid-template-columns:auto minmax(0,1fr);padding:16px}
  .article-side{grid-template-columns:1fr!important}
  .profile-hero-card{padding:20px}
  .profile-handles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  .profile-id-chip{font-size:.7rem}
  .profile-owner-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .profile-owner-actions .btn{width:100%}
  .article-submit-bar{position:sticky;bottom:8px;z-index:15;justify-content:stretch;padding:12px}
  .article-submit-bar .btn{flex:1}
  .editor-side-stack{grid-template-columns:1fr!important}
  .rich-toolbar{max-height:none!important;overflow:visible!important}
  .rich-toolbar button{padding:7px 9px}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-grid a{display:block;text-align:center}
  .footer-grid p{margin-left:auto;margin-right:auto}
  .footer-bottom{text-align:center}
  .site-footer{padding-top:40px}
  .auth-wrap{padding:30px 12px}
  .auth-card{padding:22px 18px;border-radius:18px}
  .auth-links{display:grid;gap:8px;text-align:center}
  .toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}
  .toolbar>*{width:100%}
  .item-list>div{display:grid;grid-template-columns:1fr;gap:10px}
  .item-list .actions{justify-content:flex-start}
  .settings-hub-grid{grid-template-columns:1fr}
  .panel-top{min-height:68px;height:auto}
}
@media(max-width:520px){
  .container,.narrow{width:min(100% - 18px,1180px)}
  .header-create{display:none!important}
  .brand{max-width:66%}
  .icon-btn,.mobile-toggle{width:36px;height:36px}
  .hero h1{font-size:2.35rem}
  .section{padding:28px 0}
  .post-card{border-radius:14px}
  .card-body{padding:15px}
  .article-header h1{font-size:2.15rem}
  .article-meta{gap:6px}
  .share{grid-template-columns:1fr 1fr}
  .author-box{grid-template-columns:1fr;text-align:center;justify-items:center}
  .author-social-links,.author-identifiers{justify-content:center}
  .article-detail-list>div{grid-template-columns:1fr}
  .stat-grid,.admin-stat-grid{grid-template-columns:1fr!important}
  .panel-content{padding:12px!important}
  .panel-card,.sidebar-card{padding:15px}
  .article-submit-bar{display:grid;grid-template-columns:1fr}
  .article-submit-bar .btn{width:100%}
  .footer-bottom{font-size:.82rem}
}


/* V2.6.1 — auth/cache repair, simple profile IDs, admin video publishing */
.profile-id-link{display:inline;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;font-weight:750;text-decoration:none;word-break:break-all}
.profile-id-link:hover{text-decoration:underline;text-underline-offset:3px}
.article-content video{display:block;width:100%;height:auto;max-height:75vh;border-radius:14px;background:#000;margin:18px auto}
.article-content figure video{margin-bottom:8px}
.rich-toolbar button[data-video-button]{white-space:nowrap}

/* V2.6.2 identity row: simple, polished and fully clickable. */
.identity-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0;width:max-content;max-width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:4px;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.identity-row>a{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:8px;color:var(--text);font-size:.88rem;font-weight:750;text-decoration:none;line-height:1.15}
.identity-row>a:hover{background:var(--surface);color:var(--primary);text-decoration:none}
.identity-row>a+a{border-left:1px solid var(--line);border-top-left-radius:0;border-bottom-left-radius:0}
.identity-row .profile-id-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);font-size:.82rem;letter-spacing:.01em;word-break:break-all}
@media(max-width:650px){.identity-row{width:100%;justify-content:center}.identity-row>a{justify-content:center}.identity-row>a+a{border-left:0;border-top:1px solid var(--line);border-radius:8px}.profile-main-info .identity-row{width:auto;max-width:100%}}

/* Registration identity/location + locked profile details */
#authorRegistrationForm{width:min(680px,100%)}
.registration-location-box,.locked-registration-card{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.registration-location-head,.locked-registration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.registration-location-head strong,.locked-registration-head h3{display:block;margin:0}
.registration-location-head small{display:block;color:var(--muted);font-weight:500;line-height:1.45;margin-top:4px;max-width:470px}
.registration-location-status{margin:10px 0 2px}
.registration-location-note,.registration-location-attribution{display:block;color:var(--muted);font-weight:500;line-height:1.45;margin-top:8px}
.locked-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:.75rem;font-weight:800}
.locked-registration-card input[readonly]{background:var(--surface);color:var(--muted);cursor:not-allowed}
.public-country{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:.9rem;font-weight:650}
.user-details-modal{width:min(900px,94vw)}
.admin-user-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.admin-user-detail-grid>div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);min-width:0}
.admin-user-detail-grid span,.admin-user-agent span{display:block;color:var(--muted);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.admin-user-detail-grid strong{display:block;margin-top:3px;font-size:.88rem;word-break:break-word}
.admin-user-agent{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.admin-user-agent code{display:block;margin-top:5px;white-space:normal;word-break:break-word;font-size:.78rem}
@media(max-width:760px){.registration-location-head,.locked-registration-head{display:block}.registration-location-head .btn{margin-top:10px}.admin-user-detail-grid{grid-template-columns:1fr}}

/* Mobile navigation hamburger visibility */
.mobile-toggle{align-items:center;justify-content:center;gap:4px;padding:0}
.mobile-toggle .hamburger-line{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}
.mobile-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}



/* Category mega menu — hover-safe bridge, 24 categories in 4 columns */
.category-nav-item{position:relative}
.category-trigger{display:flex;align-items:center;gap:5px}
.category-arrow{font-size:14px;line-height:1;transition:transform .2s ease}
.category-nav-item:hover .category-arrow,.category-nav-item:focus-within .category-arrow{transform:rotate(180deg)}
.category-mega-menu{position:absolute!important;top:100%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:900px!important;max-width:calc(100vw - 40px)!important;padding:14px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:99999!important}
.category-mega-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 24px 55px rgba(15,23,42,.16),0 6px 18px rgba(15,23,42,.07)}
.category-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px 18px}
.category-mega-column{display:flex;flex-direction:column;gap:4px}
.category-mega-menu .category-mega-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.category-mega-menu .category-mega-link:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);transform:translateX(3px)}
.category-dot{display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
html.dark .category-mega-panel{background:var(--surface);border-color:var(--line);box-shadow:0 24px 55px rgba(0,0,0,.42),0 6px 18px rgba(0,0,0,.20)}
@media(max-width:1100px){.category-mega-menu{width:760px!important}.category-mega-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.category-mega-menu .category-mega-link{font-size:13px}}

/* Mobile hamburger icon: always visible when the mobile menu button is shown */
.mobile-toggle{align-items:center;justify-content:center;padding:0}
.mobile-toggle-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:18px}
.mobile-toggle-icon span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor}

/* ==========================================================
   V2.6.4 Registration required details + Admin user details
========================================================== */

#authorRegistrationForm{width:min(760px,100%)}
.required-details-box{padding:20px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--surface)),var(--surface2));box-shadow:0 12px 34px rgba(15,23,42,.06)}
.required-details-head{align-items:center}
.required-details-head .eyebrow{display:block;margin-bottom:4px}
.required-details-head strong{font-size:1.05rem;color:var(--text)}
.location-detect-button{min-width:190px;justify-content:center;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#7c3aed));color:#fff!important;border-color:transparent!important;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent);font-weight:800}
.location-detect-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 35%,transparent)}
.location-detect-button.location-detected{background:linear-gradient(135deg,#059669,#16a34a);box-shadow:0 8px 24px rgba(5,150,105,.25)}
.location-detect-button:disabled{opacity:.72;cursor:wait;transform:none}
.registration-location-status{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:650;color:var(--muted)}
.registration-location-status.success-text{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.registration-location-status.error-text{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.registration-required-grid input[readonly],.registration-phone-row input[readonly]{background:var(--surface);color:var(--text);cursor:default;font-weight:650}
.registration-phone-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px}
.mobile-number-warning{margin:-2px 0 8px;padding:9px 12px;border-radius:9px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.82rem;font-weight:700;line-height:1.4}
.registration-policy-consent{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0!important;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-weight:600!important;line-height:1.55}
.registration-policy-consent input{width:auto!important;margin-top:4px;flex:0 0 auto}
.registration-policy-consent a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* Beautiful Admin → Users  Details / Edit */
.user-details-modal{width:min(1080px,96vw)!important;max-height:92vh;padding:0!important;overflow:auto;border-radius:22px!important}
.user-details-form{padding:0}
.user-details-modal-head{position:sticky;top:0;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.admin-user-identity{display:flex;align-items:center;gap:14px;min-width:0}
.admin-user-avatar{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#7c3aed));color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 24%,transparent)}
.admin-user-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.admin-user-name-row h3{margin:0;font-size:1.25rem;letter-spacing:-.025em}
.admin-user-identity p{margin:4px 0;color:var(--muted);font-size:.86rem;word-break:break-word}
.admin-user-identity>a{font-size:.82rem;color:var(--primary);font-weight:750}
.account-status-pill,.account-role-pill,.network-status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.69rem;font-weight:850;letter-spacing:.02em}
.account-status-pill.is-active{background:#ecfdf5;color:#047857}
.account-status-pill.is-inactive{background:#fef2f2;color:#b91c1c}
.account-role-pill{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.network-status-pill{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.network-status-pill.is-clean{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.network-status-pill.is-risk{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.modal-close-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}
.modal-close-button:hover{background:var(--surface);color:var(--danger)}
.admin-user-section{margin:18px 22px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.admin-user-section.required-admin-section{border-color:color-mix(in srgb,var(--primary) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--surface)),var(--surface))}
.admin-user-section.security-admin-section{background:linear-gradient(180deg,color-mix(in srgb,#0f172a 2%,var(--surface)),var(--surface))}
.admin-user-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-user-section-title>div{display:flex;align-items:center;gap:10px}
.admin-user-section-title .section-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-weight:900}
.admin-user-section-title h4{margin:0;font-size:.98rem}
.admin-user-section-title p{margin:2px 0 0;color:var(--muted);font-size:.78rem;font-weight:500}
.admin-user-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}
.admin-user-detail-grid>div{padding:11px 12px;border-radius:11px;background:var(--surface2);border:1px solid var(--line)}
.admin-user-detail-grid>div.detail-accent{background:color-mix(in srgb,var(--primary) 6%,var(--surface));border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.admin-user-detail-grid span,.admin-user-agent span{font-size:.67rem;letter-spacing:.055em}
.admin-user-detail-grid strong{font-size:.84rem;line-height:1.4}
.detail-good{color:#047857}
.detail-warn{color:#b45309}
.admin-user-agent{margin:10px 0 0;background:var(--surface2)}
.admin-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.admin-control-grid label{margin:0}
.admin-active-check{align-self:center;margin-top:22px!important}
.user-details-modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}

/* Keep the Categories mega menu centered on the full screen while preserving the hover bridge. */
.category-nav-item::after{content:"";position:absolute;top:100%;left:-20px;width:calc(100% + 40px);height:24px;background:transparent}
.category-mega-menu{position:fixed!important;top:78px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:900px!important;max-width:calc(100vw - 40px)!important;padding:12px 0 0!important}

@media(max-width:900px){
  .admin-user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-control-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #authorRegistrationForm{width:min(100%,680px)}
  .required-details-head{display:block}
  .location-detect-button{width:100%;margin-top:12px}
  .registration-phone-row{grid-template-columns:110px minmax(0,1fr)}
  .user-details-modal{width:96vw!important}
  .user-details-modal-head{padding:16px}
  .admin-user-section{margin:14px;padding:14px}
  .admin-user-section-title{align-items:flex-start}
  .admin-user-detail-grid{grid-template-columns:1fr}
  .admin-control-grid{grid-template-columns:1fr}
  .admin-active-check{margin-top:0!important}
  .user-details-modal-actions{padding:14px;justify-content:stretch}
  .user-details-modal-actions .btn{flex:1}
}

/* Registration VPN / proxy warning */
.vpn-registration-block-wrap{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:52px 16px}
.vpn-registration-block-card{width:min(620px,100%);text-align:center;padding:34px 30px}
.vpn-warning-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:2rem;font-weight:900;box-shadow:0 12px 30px rgba(220,38,38,.12)}
.vpn-registration-block-card h1{margin:8px 0 10px;font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:-.04em}
.vpn-warning-lead{max-width:540px;margin:0 auto 18px;color:var(--muted);font-size:1.02rem}
.vpn-warning-box{display:flex;flex-direction:column;gap:5px;text-align:left;margin:20px 0;padding:15px 16px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.vpn-warning-box span{font-size:.9rem;line-height:1.5}
.vpn-warning-note{margin:14px 0 0}
.vpn-warning-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
html.dark .vpn-warning-icon{background:#3b1212;border-color:#7f1d1d;color:#fca5a5}
html.dark .vpn-warning-box{background:#2b1a0e;border-color:#7c2d12;color:#fdba74}
@media(max-width:560px){.vpn-registration-block-card{padding:26px 18px}.vpn-warning-actions{flex-direction:column}.vpn-warning-actions .btn{width:100%}}

/* Admin Users v2.6.6 — separate sleek Details and Edit actions */
.users-admin-table .admin-account-row{transition:background .16s ease,box-shadow .16s ease}
.users-admin-table .admin-account-row:hover{background:color-mix(in srgb,var(--primary) 2.5%,var(--surface))}
.admin-account-cell{display:flex;align-items:center;gap:10px;min-width:230px}
.admin-account-mini-avatar{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:.82rem;font-weight:900;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line))}
.account-table-status{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:850}
.account-table-status.is-active{background:#ecfdf5;color:#047857}
.account-table-status.is-inactive{background:#fef2f2;color:#b91c1c}
.user-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;white-space:nowrap}
.user-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);font:inherit;font-size:.74rem;font-weight:850;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.user-action-button:hover{transform:translateY(-1px)}
.user-details-button{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:color-mix(in srgb,var(--primary) 22%,var(--line));color:var(--primary)}
.user-details-button:hover,.user-details-button[aria-expanded="true"]{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 22%,transparent)}
.user-edit-button{background:var(--surface);color:var(--text)}
.user-edit-button:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--line));color:var(--primary);box-shadow:0 6px 16px rgba(15,23,42,.07)}
.user-trash-button{background:transparent;border-color:transparent;color:var(--danger)}
.user-trash-button:hover{background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-color:color-mix(in srgb,var(--danger) 18%,var(--line))}
.admin-user-expanded-row[hidden]{display:none!important}
.admin-user-expanded-row>td{padding:0!important;border-top:0!important;background:color-mix(in srgb,var(--primary) 1.6%,var(--surface2))}
.admin-user-expanded-card{margin:0 12px 16px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));border-radius:18px;background:var(--surface);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.admin-user-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.details-collapse-button{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.73rem;font-weight:800;cursor:pointer}
.details-collapse-button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}
.admin-user-expanded-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-user-inline-section{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.admin-user-inline-section.required-admin-section{border-color:color-mix(in srgb,var(--primary) 20%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--surface)),var(--surface))}
.admin-user-inline-section.security-admin-section{background:linear-gradient(180deg,color-mix(in srgb,#0f172a 2%,var(--surface)),var(--surface))}
.admin-user-inline-section-wide{grid-column:1/-1}
.admin-user-inline-section .admin-user-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.user-edit-modal{width:min(760px,94vw)!important;max-height:90vh;padding:0!important;overflow:auto;border-radius:20px!important}
.admin-edit-controls-section{margin:18px 22px 22px}
@media(max-width:1100px){.admin-user-inline-section .admin-user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.user-row-actions{gap:5px}.user-action-button{padding:6px 9px}.admin-user-expanded-card{margin:0 6px 12px;padding:13px}.admin-user-expanded-head{align-items:flex-start;flex-direction:column}.admin-user-expanded-sections{grid-template-columns:1fr}.admin-user-inline-section-wide{grid-column:auto}.admin-user-inline-section .admin-user-detail-grid{grid-template-columns:1fr}.details-collapse-button{align-self:flex-end}.admin-account-cell{min-width:200px}}

.profile-bio,
.author-bio {
    text-align: justify;
    text-justify: inter-word;
}

/* Article Content minimum-length requirement */
.required-mark{color:#dc2626;font-weight:800}
.article-content-requirement{margin:7px 0 10px;padding:10px 12px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:13px;line-height:1.5}
.article-content-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#64748b}
.article-content-status [data-content-count]{font-weight:700}
.article-content-status [data-content-count].is-short{color:#b45309}
.article-content-status [data-content-count].is-valid{color:#15803d}
.article-content-minimum{color:#64748b}
.article-content-error{margin-top:8px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:700;line-height:1.45}
.rich-surface[aria-invalid="true"]{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}
@media(max-width:640px){.article-content-status{align-items:flex-start;flex-direction:column;gap:3px}}

/* Article title only — 20% smaller on desktop/tablet, mobile unchanged */
@media (min-width: 761px) {
    .article-header h1 {
        font-size: clamp(1.84rem, 4vw, 3.76rem);
    }
}

/* Site-wide pagination — no framework SVGs, no duplicate mobile/desktop rows */
.site-pagination{width:100%;margin:30px 0 0}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.pagination li{margin:0}
.pagination li>a,.pagination li>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:.9rem;font-weight:750;line-height:1;white-space:nowrap;transition:border-color .15s,color .15s,background .15s,transform .15s}
.pagination li>a:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface));transform:translateY(-1px)}
.pagination li.active>span{background:var(--primary);border-color:var(--primary);color:#fff}
.pagination li.disabled>span{opacity:.46;cursor:not-allowed}
.pagination .pagination-dots>span{min-width:30px;padding:0 7px;border-color:transparent;background:transparent}
@media(max-width:650px){.site-pagination{margin-top:24px}.pagination{gap:5px}.pagination li>a,.pagination li>span{min-width:36px;height:36px;padding:0 9px;font-size:.84rem}.pagination-label{display:none}.pagination li:first-child>a,.pagination li:first-child>span,.pagination li:last-child>a,.pagination li:last-child>span{font-size:1.15rem;min-width:36px;padding:0 9px}}

/* Dual-currency pricing — button selector */
.currency-picker-title{
    margin:18px 0 9px;
    font-size:.82rem;
    font-weight:850;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.06em;
}
.currency-picker{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:17px;
}
.currency-option{
    position:relative;
    display:block;
    margin:0;
    cursor:pointer;
    user-select:none;
}
.currency-option input{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
    pointer-events:none;
}
.currency-option>span{
    position:relative;
    display:grid;
    gap:3px;
    min-height:72px;
    padding:13px 42px 13px 15px;
    border:2px solid var(--line);
    border-radius:16px;
    background:linear-gradient(145deg,var(--surface),var(--surface2));
    box-shadow:0 7px 20px rgba(15,23,42,.055);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.currency-option>span::after{
    content:'✓';
    position:absolute;
    top:50%;
    right:13px;
    transform:translateY(-50%) scale(.75);
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:999px;
    background:var(--surface2);
    color:transparent;
    font-size:.78rem;
    font-weight:950;
    transition:.16s ease;
}
.currency-option b{
    font-size:1rem;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.02em;
}
.currency-option small{
    color:var(--muted);
    font-size:.8rem;
    font-weight:700;
}
.currency-option:not(.is-disabled):hover>span{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--primary) 48%,var(--line));
    box-shadow:0 12px 26px rgba(15,23,42,.09);
}
.currency-option input:focus-visible+span{
    outline:3px solid color-mix(in srgb,var(--primary) 20%,transparent);
    outline-offset:2px;
}
.currency-option input:checked+span{
    border-color:var(--primary);
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 27%,transparent);
    transform:translateY(-1px);
}
.currency-option input:checked+span small{
    color:rgba(255,255,255,.82);
}
.currency-option input:checked+span::after{
    color:var(--primary);
    background:#fff;
    transform:translateY(-50%) scale(1);
}
.currency-option.is-disabled{
    opacity:.42;
    cursor:not-allowed;
}
.currency-option.is-disabled>span{
    box-shadow:none;
}
.currency-preview-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.currency-preview-row span{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:.8rem;font-weight:800}
@media(max-width:520px){
    .currency-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .currency-option>span{min-height:66px;padding:11px 36px 11px 11px;border-radius:14px}
    .currency-option b{font-size:.9rem}
    .currency-option small{font-size:.72rem}
    .currency-option>span::after{right:9px;width:22px;height:22px}
}

.desktop-nav > a,
.desktop-nav > .nav-item > a,
.category-trigger {
    font-size: .94rem;
    font-weight: 650;
    line-height: 1.4;
}
/* Author editor: show formatted and pasted hyperlinks clearly (including dark mode). */
.rich-surface a[href], .rich-surface a[href]:visited {
  color:var(--primary) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:3px !important;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.rich-surface a[href]:hover {text-decoration-thickness:2.5px !important;}
.article-link-status {margin:4px 12px 12px !important; padding:8px 11px; border:1px solid var(--line); border-radius:9px; background:var(--surface2);}
.article-link-status .is-over-limit {color:#b91c1c; font-weight:800;}

html.dark .rich-surface a[href],html.dark .rich-surface a[href]:visited {color:#93c5fd !important;}
