*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0070f3;--navy:#0f172a;--body:#475569;--white:#fff;--green:#22c55e;--red:#ef4444;--border:#e2e8f0;--bg:#f8fafc}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);font-size:15px;line-height:1.6}body,h1,h2,h3{color:var(--navy)}h1,h2,h3{font-family:Inter,system-ui,sans-serif;font-weight:700}a{color:var(--blue);text-decoration:none}.nav{background:var(--navy);padding:0 2rem;display:flex;align-items:center;gap:2rem;height:56px}.nav-brand{color:var(--white);font-family:Inter,sans-serif;font-weight:700;font-size:1rem}.nav a{color:#94a3b8;font-size:.875rem}.nav a.active,.nav a:hover{color:var(--white)}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}label{display:block;font-size:.8125rem;font-weight:600;color:var(--body);margin-bottom:.375rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;color:var(--navy);background:var(--white);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-danger{background:var(--red);color:var(--white)}.btn-success{background:var(--green);color:var(--white)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--body)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-pending{background:#fef9c3;color:#854d0e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-published{background:#dbeafe;color:#1e40af}.badge-default{background:#f1f5f9;color:var(--body)}.form-row{margin-bottom:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.draft-grid{display:grid;grid-gap:1rem;gap:1rem}.draft-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.draft-card-header{align-items:center;justify-content:space-between}.draft-card-header,.draft-meta{display:flex;margin-bottom:.75rem}.draft-meta{font-size:.75rem;color:var(--body);gap:.5rem;flex-wrap:wrap}.draft-hook{font-weight:600;margin-bottom:.5rem}.draft-body{font-size:.875rem;color:var(--body);white-space:pre-wrap}.draft-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.score{font-size:.75rem;font-weight:700}.score-high{color:var(--green)}.score-mid{color:#f59e0b}.score-low{color:var(--red)}.error-msg{color:var(--red)}.error-msg,.success-msg{font-size:.875rem;margin-top:.5rem}.success-msg{color:var(--green)}.page-title{font-size:1.5rem;margin-bottom:.25rem}.page-sub{color:var(--body);font-size:.875rem;margin-bottom:1.5rem}.filter-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-bar select{width:auto}.empty{text-align:center;color:var(--body);padding:3rem 0;font-size:.9375rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:640px){.nav{padding:0 1rem;gap:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.container{padding:1.25rem 1rem}.form-grid{grid-template-columns:1fr}.draft-card-header{align-items:flex-start;gap:.5rem}.draft-card-header,.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-weight:700;color:var(--heading,#0f172a);margin:1.25rem 0 .5rem;line-height:1.3}.markdown-body h1{font-size:1.25rem}.markdown-body h2{font-size:1.1rem}.markdown-body h3{font-size:1rem}.markdown-body ol,.markdown-body p,.markdown-body ul{margin:.6rem 0;color:var(--body,#475569)}.markdown-body ol,.markdown-body ul{padding-left:1.5rem}.markdown-body li{margin:.25rem 0}.markdown-body strong{font-weight:600;color:var(--heading,#0f172a)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1rem 0}.markdown-body a{color:var(--blue,#0070f3);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{border-left:3px solid var(--blue,#0070f3);padding-left:.75rem;color:var(--body);margin:.75rem 0}.blog-preview-body{font-size:.9rem;line-height:1.7;color:#334155}.blog-preview-body h1,.blog-preview-body h2,.blog-preview-body h3,.blog-preview-body h4{font-family:Inter,system-ui,sans-serif;font-weight:700;color:#0f172a;margin:1.4rem 0 .5rem;line-height:1.3}.blog-preview-body h1{font-size:1.3rem}.blog-preview-body h2{font-size:1.1rem;padding-bottom:.3rem;border-bottom:1px solid #e2e8f0}.blog-preview-body h3{font-size:1rem}.blog-preview-body h4{font-size:.9rem;color:#475569}.blog-preview-body p{margin:.65rem 0}.blog-preview-body ol,.blog-preview-body ul{padding-left:1.5rem;margin:.65rem 0}.blog-preview-body li{margin:.3rem 0}.blog-preview-body strong{font-weight:600;color:#0f172a}.blog-preview-body em{font-style:italic;color:#475569}.blog-preview-body a{color:#0d6efd;text-decoration:none}.blog-preview-body a:hover{text-decoration:underline}.blog-preview-body hr{border:none;border-top:1px solid #e2e8f0;margin:1.25rem 0}.blog-preview-body blockquote{border-left:3px solid #0d6efd;background:#f0f6ff;padding:.6rem .9rem;margin:.9rem 0;color:#334155;border-radius:0 4px 4px 0}.blog-preview-body blockquote p{margin:0}.blog-preview-body code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Menlo,monospace;font-size:.82rem;background:#f1f5f9;padding:.1em .35em;border-radius:3px;color:#1e3a5f}.blog-preview-body pre{background:#f1f5f9;padding:.85rem 1rem;border-radius:6px;overflow-x:auto;margin:.75rem 0}.blog-preview-body pre code{background:none;padding:0;font-size:.82rem}.blog-preview-body table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.75rem 0;overflow-x:auto;display:block}.blog-preview-body thead th{background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.blog-preview-body tbody td{padding:7px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top;color:#334155}.blog-preview-body tbody tr:nth-child(2n) td{background:#f8fafc}.blog-preview-body tbody tr:hover td{background:#f0f6ff}.blog-preview-body p[style*="font-size: 12px"],.blog-preview-body p[style*="font-size:12px"]{font-size:.72rem!important;color:#94a3b8!important;margin-top:4px!important}