.blog-section{position:relative;padding:calc(var(--header-h) + var(--space-2xl)) 0 var(--space-3xl);min-height:100vh}.blog-section:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 500px at 90% 5%,rgba(201,123,64,.1),transparent 60%);z-index:0;pointer-events:none}.blog-section>*{position:relative;z-index:1}.blog-hero{width:min(var(--container-wide),100%);margin:0 auto var(--space-2xl);padding:0 var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.blog-hero .eyebrow{margin-bottom:0}.blog-hero h1{font-family:var(--font-serif);font-size:clamp(40px,5vw,64px);font-weight:400;letter-spacing:-.03em;color:var(--ink-900);line-height:1.1}.blog-hero h1 em{font-style:italic;font-weight:300;background:linear-gradient(120deg,var(--copper-500),var(--gold-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-hero p{color:var(--ink-500);font-size:17px;max-width:60ch;line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-gap:var(--space-md);gap:var(--space-md);width:min(var(--container-wide),100%);margin:0 auto;padding:0 var(--space-lg)}.blog-card{position:relative;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--ink-100);overflow:hidden;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);display:flex;flex-direction:column}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--copper-500),var(--gold-500));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--copper-200)}.blog-card:hover:before{transform:scaleX(1)}.blog-card-content{padding:var(--space-lg);flex:1 1;display:flex;flex-direction:column;gap:var(--space-sm)}.blog-card-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-100);border-radius:var(--radius-pill);width:-moz-fit-content;width:fit-content;transition:all var(--duration-fast) var(--ease-out)}a.blog-card-tag:hover{background:var(--copper-500);color:var(--white);border-color:var(--copper-500);transform:translateY(-1px)}.blog-card h3{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--ink-900);letter-spacing:-.015em;line-height:1.3}.blog-card p{font-size:14.5px;color:var(--ink-500);line-height:1.6;flex:1 1}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-400);margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px dashed var(--ink-100)}.blog-card-meta .pi{font-size:12px;color:var(--copper-500)}.blog-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--copper-600);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-sm)}.blog-card-link .pi{font-size:11px;transition:transform var(--duration-base) var(--ease-out)}.blog-card:hover .blog-card-link .pi{transform:translateX(4px)}.blog-empty{text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--ink-400);font-style:italic;font-family:var(--font-serif);font-size:18px}.blog-post{width:min(800px,100%);margin:0 auto;padding:0 var(--space-lg)}.blog-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--space-lg);font-size:13.5px;font-weight:600;color:var(--copper-600);text-transform:uppercase;letter-spacing:.08em;transition:gap var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.blog-back:hover{color:var(--copper-700);gap:12px}.blog-back .pi{font-size:11px}.blog-post-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--ink-100)}.blog-post h1{font-family:var(--font-serif);font-size:clamp(32px,4.5vw,52px);font-weight:500;letter-spacing:-.025em;line-height:1.1;color:var(--ink-900);margin-bottom:var(--space-md)}.blog-post-meta{display:flex;align-items:center;gap:var(--space-md);font-size:13.5px;color:var(--ink-400)}.blog-post-meta .pi{color:var(--copper-500);margin-right:6px}.blog-post-content{font-family:var(--font-serif);font-size:19px;line-height:1.8;color:var(--ink-700)}.blog-post-content>*+*{margin-top:var(--space-md)}.blog-post-content h2,.blog-post-content h3{font-family:var(--font-serif);color:var(--ink-900);margin-top:var(--space-xl);margin-bottom:var(--space-sm);letter-spacing:-.02em}.blog-post-content h2{font-size:32px;font-weight:500}.blog-post-content h3{font-size:24px;font-weight:600}.blog-post-content p{color:var(--ink-700)}.blog-post-content blockquote{border-left:3px solid var(--copper-500);padding:var(--space-sm) var(--space-md);background:var(--cream-dark);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-700)}.blog-post-content pre{background:var(--ink-900);color:#e2e8f0;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;font-size:14px;line-height:1.6;font-family:var(--font-mono);border:1px solid var(--ink-700)}.blog-post-content code{font-family:var(--font-mono);font-size:.92em;padding:2px 6px;background:var(--ink-50);border-radius:4px;color:var(--copper-700)}.blog-post-content pre code{background:none;padding:0;color:inherit}.blog-post-content a{color:var(--copper-600);border-bottom:1px solid var(--copper-200);transition:border-color var(--duration-base)}.blog-post-content a:hover{border-bottom-color:var(--copper-500)}.blog-post-content img{border-radius:var(--radius-md);margin:var(--space-md) 0;box-shadow:var(--shadow-md)}.blog-post-content ol,.blog-post-content ul{padding-left:24px}.blog-post-content ol li,.blog-post-content ul li{margin:8px 0}.blog-post-content ul li{list-style:disc}.blog-post-content ol li{list-style:decimal}.admin-shell{width:min(1180px,100%);margin:0 auto;padding:0 var(--space-lg)}.admin-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--ink-100)}.admin-topbar-left{display:flex;flex-direction:column;gap:4px}.admin-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--copper-600)}.admin-eyebrow .pi{font-size:11px}.admin-title{font-family:var(--font-serif);font-size:clamp(28px,3.4vw,40px);font-weight:500;letter-spacing:-.02em;color:var(--ink-900);line-height:1.15}.admin-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.admin-actions .button-danger,.admin-actions .button-ghost,.admin-actions .button-primary,.admin-actions .button-secondary{padding:10px 18px;font-size:13.5px}.button-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--ink-500);background:transparent;border:1px solid var(--ink-100);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.button-ghost:hover{background:var(--ink-50);color:var(--ink-800);border-color:var(--ink-200)}.button-ghost .pi{font-size:12px}.button-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;color:#dc2626;background:transparent;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.button-danger:hover:not(:disabled){background:#dc2626;color:var(--white);border-color:#dc2626}.button-danger:disabled{opacity:.5;cursor:not-allowed}.button-danger .pi{font-size:12px}.admin-login{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:var(--space-2xl) var(--space-lg)}.admin-login-card{width:100%;max-width:460px;padding:var(--space-2xl);background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.admin-login-icon{width:64px;height:64px;margin:0 auto var(--space-md);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--copper-50),var(--copper-100));color:var(--copper-600);font-size:24px;border:1px solid var(--copper-100)}.admin-login-card .admin-eyebrow{justify-content:center}.admin-login-card .admin-title{font-size:34px;margin-bottom:var(--space-md)}.admin-login-card .blog-form{background:transparent;border:none;box-shadow:none;padding:0;text-align:left;margin-top:var(--space-md)}.admin-login-card .blog-form .button-primary{width:100%;max-width:100%;margin-top:var(--space-md);justify-content:center}.admin-login-back{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-lg);font-size:13px;color:var(--ink-400);transition:color var(--duration-fast)}.admin-login-back:hover{color:var(--ink-700)}.admin-login-back .pi{font-size:11px}.admin-login-error{margin-top:var(--space-sm);padding:10px 14px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md)}.admin-toolbar-info{font-size:13px;color:var(--ink-400);margin-bottom:var(--space-md)}.admin-list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-list-item{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-lg);transition:border-color var(--duration-base),box-shadow var(--duration-base)}.admin-list-item:hover{border-color:var(--copper-200);box-shadow:var(--shadow-sm)}.admin-list-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);white-space:nowrap}.admin-list-status--published{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.admin-list-status--draft{color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-200)}.admin-list-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.admin-list-body{min-width:0;display:flex;flex-direction:column;gap:4px}.admin-list-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink-900);letter-spacing:-.01em}.admin-list-excerpt,.admin-list-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.admin-list-excerpt{font-size:13px;color:var(--ink-500)}.admin-list-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.admin-list-tag{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-100);border-radius:var(--radius-pill)}.admin-list-date{font-size:12.5px;color:var(--ink-400);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-list-actions{display:flex;gap:6px;align-items:center}.admin-list-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink-600);background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast);text-decoration:none}.admin-list-action:hover{background:var(--copper-50);border-color:var(--copper-200);color:var(--copper-700)}.admin-list-action--danger{color:#dc2626;border-color:rgba(220,38,38,.2);background:transparent}.admin-list-action--danger:hover{background:#dc2626;color:var(--white);border-color:#dc2626}.admin-list-action:disabled{opacity:.5;cursor:not-allowed}.admin-list-action .pi{font-size:11px}.admin-empty{padding:var(--space-3xl) var(--space-lg);background:var(--white);border:1px dashed var(--ink-200);border-radius:var(--radius-xl);text-align:center}.admin-empty .pi{font-size:36px;color:var(--copper-400);margin-bottom:var(--space-sm);display:block}.admin-empty p{color:var(--ink-500);margin-bottom:var(--space-md)}@media (max-width:720px){.admin-list-item{grid-template-columns:1fr;gap:var(--space-sm)}.admin-list-date{order:-1;font-size:11px}.admin-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.admin-list-status{width:-moz-fit-content;width:fit-content}}.blog-form{max-width:880px;margin:0 auto;padding:var(--space-xl);background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.blog-form label{display:block;font-weight:600;color:var(--ink-800);margin-bottom:8px;margin-top:var(--space-md);font-size:14px}.blog-form input,.blog-form textarea{width:100%;padding:12px 16px;border:1.5px solid var(--ink-100);border-radius:var(--radius-md);font-size:15px;font-family:inherit;transition:border-color var(--duration-base),box-shadow var(--duration-base);background:var(--white)}.blog-form textarea{min-height:150px;resize:vertical}.blog-form textarea.sql-field{min-height:200px;font-family:var(--font-mono);font-size:14px}.blog-form input:focus,.blog-form textarea:focus{outline:none;border-color:var(--copper-400);box-shadow:0 0 0 4px rgba(201,123,64,.12)}.blog-form .button-primary{margin-top:var(--space-lg)}.blog-form-note{font-size:13px;color:var(--ink-400);margin-top:6px}.admin-form-footer{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--ink-100)}.admin-form-footer .button-primary{margin-top:0}.post-editor-wrapper{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--ink-100)}.post-editor-toolbar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background:var(--ink-50);border-bottom:1px solid var(--ink-100)}.post-editor-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.post-editor-upload-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 16px;font-size:13px;font-weight:600;color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-200);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-base)}.post-editor-upload-btn:hover:not(:disabled){background:var(--copper-100)}.post-editor-upload-btn:disabled{opacity:.6;cursor:not-allowed}.post-editor-hint{font-size:13px;color:var(--ink-400)}.post-editor-error{font-size:13px;color:var(--copper-700);margin-left:auto}.tags-input{position:relative}.tags-input-shell{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border:1.5px solid var(--ink-100);border-radius:var(--radius-md);background:var(--white);cursor:text;transition:border-color var(--duration-base),box-shadow var(--duration-base);min-height:50px}.tags-input.is-focused .tags-input-shell{border-color:var(--copper-400);box-shadow:0 0 0 4px rgba(201,123,64,.12)}.tags-input-field{flex:1 1;min-width:140px;border:none;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--ink-800);padding:4px 0}.tags-input-field::placeholder{color:var(--ink-400)}.tags-input-field:disabled{cursor:not-allowed}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:13px;font-weight:600;color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-200);border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-chip>.pi{font-size:11px;opacity:.8}.tag-chip-remove{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;border:none;background:rgba(201,123,64,.15);color:var(--copper-700);cursor:pointer;padding:0;margin-left:2px;transition:background var(--duration-fast),transform var(--duration-fast)}.tag-chip-remove:hover{background:var(--copper-500);color:var(--white);transform:scale(1.06)}.tag-chip-remove .pi{font-size:10px}.tags-input-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--ink-400)}.tags-input-warn{color:var(--copper-700);font-weight:600}.tags-suggestions{position:absolute;top:calc(100% - 18px);left:0;right:0;background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px;z-index:20;margin-top:8px}.tags-suggestions-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-400);margin-bottom:8px}.tags-suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.tag-suggestion{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--ink-700);background:var(--ink-50);border:1px solid var(--ink-100);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast)}.tag-suggestion:hover{background:var(--copper-50);border-color:var(--copper-200);color:var(--copper-700)}.tag-suggestion .pi{font-size:10px}.tags-row{display:flex;flex-wrap:wrap}.tag-pill,.tags-row{gap:6px;align-items:center}.tag-pill{display:inline-flex;padding:5px 12px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--copper-700);background:var(--copper-50);border:1px solid var(--copper-100);border-radius:var(--radius-pill);transition:all var(--duration-fast);white-space:nowrap}.tag-pill:hover{background:var(--copper-500);color:var(--white);border-color:var(--copper-500);transform:translateY(-1px)}.tag-pill .pi{font-size:10px}.tag-pill--ghost{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:var(--ink-200)}.tag-pill--ghost:hover{background:var(--gold-500);color:var(--ink-900);border-color:var(--gold-500)}.w-md-editor-toolbar,.wmde-markdown{font-family:var(--font-sans)!important}.p-button.p-button-text{color:inherit}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up var(--duration-slow) var(--ease-out) both}