.blog-toolbar{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.blog-toolbar h2{margin:0 0 8px}.blog-toolbar p{margin:0;max-width:680px;line-height:1.6}.blog-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.blog-actions .blog-field{flex:1;min-width:180px}.blog-admin .primary,.blog-editor .primary{background:#357766;color:white;border:1px solid #357766}.blog-filters{padding:0 24px 24px;display:flex;align-items:end;gap:16px;flex-wrap:wrap}.blog-filters label{display:grid;gap:8px;flex:1;min-width:180px}.blog-admin td{vertical-align:middle}.blog-admin td:first-child{min-width:210px}.blog-admin .muted{font-size:13px}.blog-editor{display:grid;gap:22px;min-width:0}.blog-editor fieldset{margin:0;padding:20px;border:1px solid #e0e6e3;border-radius:12px;min-width:0;display:grid;gap:16px}.blog-editor legend{font-weight:650;padding:0 8px}.blog-field{display:grid;gap:8px;font-size:14px;min-width:0}.blog-field input,.blog-field textarea,.blog-field select,.blog-filters input,.blog-filters select{width:100%;box-sizing:border-box;border:1px solid #d9e1dd;border-radius:8px;padding:11px 12px;background:white;color:#24343d;font:inherit;min-width:0}.blog-field textarea{resize:vertical;line-height:1.65}.blog-field :focus-visible,.blog-filters :focus-visible{outline:1px solid #729c90;outline-offset:2px}.blog-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.blog-error{color:#a43f36;margin:0}.blog-search-preview,.blog-social-preview{padding:18px;border:1px solid #e0e6e3;border-radius:10px;overflow-wrap:anywhere}.blog-search-preview h3{color:#235e9a;margin:8px 0;font-size:20px}.blog-search-preview p,.blog-social-preview p{line-height:1.6;margin-bottom:0}.blog-social-preview img{width:100%;max-height:220px;object-fit:cover;border-radius:6px;margin-bottom:14px}.blog-reading{max-width:820px;margin:0 auto 36px;overflow-wrap:anywhere}.blog-reading h1{line-height:1.2}.blog-breadcrumb{display:flex;gap:12px;margin-bottom:28px}.blog-cover{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:14px;margin:24px 0}.blog-copy{font-size:17px;line-height:1.85}.blog-copy h2{font-size:28px;margin-top:36px}.blog-copy h3{font-size:23px}.blog-copy a{text-decoration:underline}.blog-public-card{padding:24px}.blog-public-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:20px}.blog-public-card h2{line-height:1.3}.blog-save{padding-bottom:20px}.blog-admin-table{width:100%;border-collapse:collapse}.blog-admin-table th,.blog-admin-table td{padding:14px;border-top:1px solid #e0e6e3;text-align:left}.blog-admin-table p{margin:5px 0}.blog-editor-shell{position:fixed;inset:20px;z-index:200;background:#f4f6f5;border:1px solid #dce4df;border-radius:16px;box-shadow:0 20px 80px #142c3d33;overflow:auto}.blog-editor-head{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e0e6e3;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.blog-editor-body{padding:24px}.blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.blog-editor-grid>fieldset{background:#fff}.blog-editor-main{grid-row:span 5}.rich-shell{border:1px solid #d9e1dd;border-radius:10px;overflow:clip}.rich-toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:10px;background:#f6f8f7;border-bottom:1px solid #d9e1dd}.rich-toolbar button{min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:5px;background:transparent}.rich-document{min-height:420px;padding:30px;outline:none;font-size:17px;line-height:1.85;background:#fff}.blog-leave{grid-column:1/-1;padding:18px;background:#fff5df;border:1px solid #dfcca4;border-radius:10px}.blog-save{grid-column:1/-1;position:sticky;bottom:0;z-index:4;background:#fff;padding:16px;border:1px solid #dce4df;border-radius:10px;box-shadow:0 -4px 15px #12302508}.blog-preview-pane{grid-column:1/-1;background:#fff;padding:24px;border:1px solid #dce4df;border-radius:12px}@media(max-width:1000px){.blog-editor-grid{grid-template-columns:1fr}.blog-editor-main{grid-row:auto}}@media(max-width:640px){.blog-columns{grid-template-columns:1fr}.blog-toolbar{padding:18px}.blog-filters{padding:0 18px 18px}.blog-editor-shell{inset:0;border:0;border-radius:0}.blog-editor-body{padding:14px}.rich-document{padding:18px}.blog-reading h1{font-size:32px}.blog-copy h2{font-size:25px}}