.blog-hero{padding:180px 0 64px;background:var(--color-primary);color:var(--color-white)}.blog-hero h1{margin:10px 0 20px;color:var(--color-white)}.blog-hero p{max-width:650px;color:var(--color-white)}.blog-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#60766f}.blog-section{padding-top:56px;padding-bottom:80px}.blog-empty{padding:40px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{border:1px solid #dce3df;border-radius:10px;overflow:hidden;background:#fff}.blog-card a{display:block;height:100%;color:inherit}.blog-card img{display:block;width:100%;aspect-ratio:3 / 2;height:auto;object-fit:cover}.blog-card-body{padding:26px}.blog-card h2{font-size:1.35rem;margin:12px 0;overflow-wrap:anywhere}.blog-card time,.blog-article time{font-size:.85rem;color:#60766f}.blog-read{display:inline-block;margin-top:16px;font-weight:600}.blog-article{max-width:850px;padding-top:180px;padding-bottom:80px}.blog-article article{margin-top:35px}.blog-article h1{margin:16px 0 30px;overflow-wrap:anywhere}.blog-cover{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:8px;margin:24px auto 36px}.blog-article article :is(h1,h2,h3,h4,h5,h6),.blog-preview :is(h1,h2,h3,h4,h5,h6){font-weight:500}@media(min-width:769px){.blog-cover{max-width:540px;max-height:540px}}.blog-admin{padding-top:180px;padding-bottom:80px}.blog-admin h1{font-size:2rem}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.blog-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px}.blog-sidebar{display:flex;flex-direction:column;gap:12px;align-self:start}.blog-list-item{padding:16px;text-align:left;border:1px solid #dce3df;border-radius:6px;background:#fff;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere}.blog-list-item.selected{border-color:#60766f;background:#edf1ee}.blog-list-item span{display:block;margin-top:6px;font-size:.8rem}.blog-login{max-width:460px;margin:30px auto;padding:32px;border:1px solid #dce3df;border-radius:10px}.blog-admin label{display:block;font-weight:600;margin:22px 0 8px}.blog-admin input,.blog-admin textarea,.blog-admin select{width:100%;padding:12px;border:1px solid #bdc9c2;border-radius:5px;font:inherit;color:inherit;background:#fff}.blog-admin textarea{resize:vertical;line-height:1.7}.blog-admin fieldset{border:0;padding:0;min-width:0}.blog-admin input:focus,.blog-admin textarea:focus{outline:2px solid #60766f;outline-offset:2px}.blog-admin small,.blog-help{font-size:.85rem}.blog-login .btn{margin-top:24px}.blog-actions{margin-top:24px;justify-content:flex-start}.blog-admin .btn:not(.btn-primary){border:1px solid #60766f;background:#fff;color:#4e5652}.blog-admin button:disabled{opacity:.5;cursor:wait}.blog-error,.blog-success{padding:16px;border-radius:5px;margin:20px 0}.blog-error{background:#fff0ed;color:#8b2f20}.blog-success{background:#edf5ef;color:#31583a}.blog-preview{margin-top:35px;border-top:1px solid #bdc9c2;padding-top:30px;overflow-wrap:anywhere}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.blog-grid,.blog-workspace{grid-template-columns:1fr}.blog-hero,.blog-article,.blog-admin{padding-top:160px}.blog-actions .btn{width:100%}.blog-login{padding:20px}}.auth-page .blog-login{max-width:560px}.auth-page h1{font-size:1.6rem;margin-bottom:20px}.auth-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:.9rem}.auth-links a{text-decoration:underline}.admin-table-wrap{overflow-x:auto;margin-top:24px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:#edf1ee;font-size:.85rem}.admin-table th,.admin-table td{padding:18px 14px;border-bottom:1px solid #dce3df}.admin-table td:first-child{min-width:220px;max-width:360px;overflow-wrap:anywhere}.admin-table small{display:block;margin-top:6px}.row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row-actions .btn{padding:8px 12px;font-size:.72rem}.status-switch{padding:9px 14px;border-radius:30px;border:1px solid #60766f;background:#f4f6f4;color:#4e5652;font:inherit;font-size:.8rem;white-space:nowrap;cursor:pointer}.status-switch.online{color:#fff;background:#60766f}.blog-admin .danger{color:#8b2f20!important;border-color:#8b2f20!important}.blog-admin .markdown-input{font-family:monospace}.blog-admin input[readonly]{background:#edf1ee}