.blog-admin{min-width:0}.blog-admin-tabs,.blog-writing-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.blog-admin-tabs a{padding:10px 16px;border:1px solid #d8dedf;border-radius:9px;text-decoration:none;color:inherit}.blog-admin-tabs .active{background:#193240;color:white}.blog-admin-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.blog-admin-row h2{font-size:1.2rem;margin:8px 0}.blog-admin-row p{overflow-wrap:anywhere}.blog-admin-filter{display:flex;gap:12px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.blog-admin-filter .field{margin:0;flex:1;min-width:min(220px,100%)}.blog-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:24px;align-items:start}.blog-editor-layout fieldset{border:0;margin:0;padding:0;min-width:0}.blog-editor-layout textarea[name=html],.blog-editor-layout textarea[name=css]{font-family:ui-monospace,monospace;font-size:.9rem;tab-size:2}.blog-editor-outline{position:sticky;top:20px;min-width:0}.blog-editor-outline ol{padding-left:20px;line-height:1.8}.blog-editor-outline iframe{width:100%;height:600px;border:1px solid #ccd2d5;border-radius:8px;background:white}.blog-editor-layout [hidden]{display:none!important}.blog-admin .disabled{pointer-events:none;opacity:.6}.blog-admin details summary{cursor:pointer;padding:12px 0}.blog-public{margin:0;color:var(--blog-ink,#193240);background:var(--blog-background,#faf9f6);font:16px/1.75 system-ui,-apple-system,sans-serif;overflow-wrap:anywhere}.blog-public *{box-sizing:border-box}.blog-public a{color:#285c73;text-underline-offset:4px}.blog-site-header{max-width:1200px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ddd}.blog-brand{font-size:1.25rem;font-weight:750;text-decoration:none}.blog-site-header nav{display:flex;gap:16px;flex-wrap:wrap}.blog-container{max-width:1120px;margin:auto;padding:48px 24px 72px;min-height:55vh}.blog-container h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.25;margin:16px 0 24px}.blog-categories{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 32px}.blog-categories a{border:1px solid #ccc;border-radius:30px;padding:7px 16px;text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.blog-card{padding:24px;background:white;border:1px solid #ddd;border-radius:12px}.blog-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.blog-card h2{font-size:1.4rem;line-height:1.4}.blog-card time,.blog-article time{color:#6c767b}.blog-summary{font-size:1.15rem;color:#52636a}.blog-article{max-width:800px;margin:auto}.blog-cover{max-width:100%;max-height:520px;object-fit:cover;margin:24px 0;border-radius:12px}.blog-article-content{margin-top:36px}.blog-article-content img{max-width:100%;height:auto}.blog-article-content pre{overflow:auto;padding:20px;background:#edf0f0;border-radius:8px}.blog-article-content table{display:block;overflow-x:auto;max-width:100%}.blog-article-content blockquote{border-left:4px solid #d66b3f;margin:24px 0;padding:8px 24px;color:#52636a}.blog-pagination{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:40px}.blog-site-footer{padding:28px 24px;text-align:center;border-top:1px solid #ddd}.blog-preview-banner{text-align:center;background:#fff1ca;padding:10px;font-weight:700}.blog-empty{padding:40px 0}@media(max-width:800px){.blog-editor-layout{grid-template-columns:1fr}.blog-editor-outline{position:static}.blog-site-header{align-items:start;flex-direction:column}.blog-admin-row{align-items:start;flex-direction:column}.blog-container{padding:30px 18px 48px}}

.blog-edit-modes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.blog-edit-modes [aria-pressed=true]{background:#193240;color:white}.blog-write-frame{width:100%;height:500px;border:1px solid #cbd3d6;border-radius:10px;background:white}.blog-link-input{max-width:100%}
.blog-admin button,.blog-admin input,.blog-admin textarea,.blog-admin iframe{scroll-margin-block:140px}.blog-admin .admin-save-status{pointer-events:none}