/* Floating navigation inspired by the S Pro Coder reference website. */
.site-header{position:sticky;top:12px;width:min(1160px,calc(100% - 32px));margin:12px auto 0;border:1px solid rgba(15,23,42,.72);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 12px 38px rgba(15,23,42,.075);backdrop-filter:blur(18px);z-index:40}.header-inner{width:100%;height:65px;padding:0 20px}.nav-wordmark{white-space:nowrap;font-size:18px;color:#0f172a}.site-nav{gap:4px}.site-nav a{padding:9px 13px;border-radius:999px;color:#475569;transition:background .2s,color .2s,transform .2s}.site-nav a:hover,.site-nav a[aria-current=page]{background:#f1eaff;color:#6d28d9;transform:translateY(-1px)}.header-account{gap:11px}.nav-login{font-size:13px}.nav-icon,.nav-avatar{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ebe7f3;border-radius:50%;background:#fff;color:#475569;transition:background .2s,color .2s}.nav-icon:hover,.nav-avatar:hover{background:#f5f0ff;color:#7c3aed}.nav-avatar{overflow:hidden;padding:2px}.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#f4eefe}.hero{margin-top:-89px;padding-top:166px}.page-shell{padding-top:74px}.article-shell{padding-top:45px}

/* Social profile dashboard. */
.social-account-shell{max-width:1030px;padding:55px 0 74px}.social-profile-card,.social-panel{padding:35px;background:#fff;border:1px solid #ecebf2;border-radius:24px;box-shadow:0 12px 38px rgba(15,23,42,.042)}.social-profile-main{display:flex;align-items:center;gap:25px}.social-avatar{width:112px;height:112px;flex:0 0 112px;object-fit:cover;border:4px solid #f2eaff;border-radius:50%;background:#faf5ff}.social-identity{flex:1;min-width:0}.social-identity h1{margin:5px 0 0;color:#111827;font-size:28px;line-height:1.2}.social-username{margin:3px 0;color:#7c3aed;font-size:14px;font-weight:650}.social-biography{max-width:500px;margin:10px 0 0;color:#64748b;font-size:14px}.social-actions{display:flex;gap:9px}.social-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;padding-top:23px;border-top:1px solid #efedf3}.social-statistics div{text-align:center}.social-statistics strong{display:block;font-size:24px;line-height:1.2;color:#111827}.social-statistics span{color:#64748b;font-size:13px}.social-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:24px 0;padding:7px;background:#fff;border:1px solid #eeecf4;border-radius:16px}.social-tabs>a,.social-tabs button{padding:10px 15px;border:0;border-radius:11px;background:transparent;color:#64748b;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.social-tabs>a:hover,.social-tabs>a[aria-current=page]{background:#f3edff;color:#6d28d9}.social-tabs form{margin-left:auto}.social-tabs button{color:#b42335}.social-section-heading{margin-bottom:23px}.social-section-heading h2{margin:0;color:#111827;font-size:23px}.social-section-heading p{margin:4px 0;color:#64748b;font-size:14px}.profile-edit-form{max-width:760px}.profile-upload-preview{display:flex;align-items:center;gap:20px;margin-bottom:8px}.profile-upload-preview>img{width:80px;height:80px;object-fit:cover;border:3px solid #ede9fe;border-radius:50%;background:#faf5ff}.upload-control input{max-width:270px;margin-top:6px}.upload-control small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:450}.reading-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.history-card{overflow:hidden;border:1px solid #eeecf4;border-radius:15px;background:#fff;transition:transform .2s,box-shadow .2s}.history-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(109,40,217,.09)}.history-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.history-card>span{display:block;margin:11px 12px 3px;color:#7c3aed;font-size:11px;font-weight:750}.history-card h3{margin:0 12px 14px;color:#111827;font-size:14px;line-height:1.4}.profile-empty{padding:32px 16px;border:1px dashed #ddd6fe;border-radius:14px;color:#64748b;text-align:center}.profile-empty a{color:#7c3aed}

/* Readable developer snippets and clean inline highlights. */
.article-content mark{padding:1px 4px;border:0;outline:0;border-radius:3px;background:#f3e8ff;color:#6b21a8}.article-content pre,.article-content .spro-code-block{position:relative;overflow:auto;min-height:88px;padding:58px 20px 20px;border:1px solid #273449;border-radius:14px;background:#0b1220;color:#e2e8f0;box-shadow:0 12px 30px rgba(15,23,42,.10)}.article-content pre code{display:block;padding:0;background:transparent;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.8}.code-language{position:absolute;top:15px;left:18px;color:#a78bfa;font-size:11px;font-weight:750;letter-spacing:.08em}.code-copy{position:absolute;top:11px;right:12px;padding:7px 10px;border:1px solid #344155;border-radius:8px;background:#111c2e;color:#e2e8f0;font-size:11px;cursor:pointer}.code-copy:hover{background:#1f2c42}.article-content p>code,.article-content li>code{background:#f1eaff;color:#6d28d9}

/* The administrator workspace has no public website navigation or footer. */
body.admin-workspace>.site-header,body.admin-workspace>.site-footer{display:none}body.admin-workspace{min-height:100vh;background:#f6f7fc!important}body.admin-workspace .admin-shell,body.admin-workspace .dashboard-shell{width:min(1440px,calc(100% - 42px));padding-top:28px}.admin-workspace .dashboard-shortcuts{position:sticky;top:0;z-index:8;margin:0 0 27px;padding:15px 14px;background:#fff;border:1px solid #e8e8ef;border-radius:16px}

@media(max-width:1000px){.header-inner{padding:0 15px}.site-nav a{padding:8px 9px;font-size:12px}.nav-wordmark{font-size:16px}.reading-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{top:9px;width:calc(100% - 20px);margin-top:9px}.header-inner{height:59px;padding:0 14px}.site-nav{position:absolute;top:67px;left:0;right:0;padding:10px;border:1px solid rgba(15,23,42,.64);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.10)}.site-nav.open{display:grid;gap:4px}.site-nav a{padding:11px 13px}.menu-toggle{order:3;margin-left:2px}.header-account{margin-left:auto;gap:7px}.header-account .nav-login{display:inline-flex}.header-account .button{padding:8px 11px;font-size:11px}.nav-icon,.nav-avatar{width:36px;height:36px}.hero{margin-top:-77px;padding-top:133px}.social-account-shell{padding:33px 0 58px}.social-profile-card,.social-panel{padding:20px 16px;border-radius:18px}.social-profile-main{align-items:flex-start;gap:14px;flex-wrap:wrap}.social-avatar{width:76px;height:76px;flex-basis:76px}.social-identity h1{font-size:22px}.social-actions{width:100%;margin-top:2px}.social-statistics{gap:3px;margin-top:19px;padding-top:17px}.social-statistics strong{font-size:19px}.social-statistics span{font-size:11px}.social-tabs{gap:3px;margin:15px 0}.social-tabs>a,.social-tabs button{padding:9px 11px;font-size:12px}.reading-history-grid{grid-template-columns:1fr 1fr;gap:11px}.history-card h3{font-size:12px}.profile-upload-preview{align-items:flex-start}.article-shell{padding-top:33px}.article-content pre{padding-right:13px;padding-left:13px}.admin-workspace .dashboard-shortcuts{position:relative}.admin-workspace .admin-shell,.admin-workspace .dashboard-shell{width:calc(100% - 22px)}}@media(max-width:400px){.nav-wordmark{font-size:14px}.header-account .nav-login{display:none}.social-statistics span{font-size:10px}.reading-history-grid{grid-template-columns:1fr}}