.blog-hero-links{display:grid;align-content:center;gap:18px}.blog-hero-links a,.blog-panel a,#blog-community a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.blog-card,.blog-panel{padding:26px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--surface-raised),var(--surface));margin:22px 0;scroll-margin-top:100px}.blog-card h2{font-size:clamp(21px,3vw,28px);margin:14px 0}.blog-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:var(--muted);max-width:960px}.blog-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-card button,.blog-panel button,#blog-refresh{padding:10px 14px;border:1px solid #627a9d;border-radius:8px;color:var(--ink);background:#253957;font:inherit;font-size:14px;cursor:pointer}.blog-card button:hover,.blog-panel button:hover,#blog-refresh:hover{background:#354d71}.blog-panel fieldset{border:0;padding:0;display:grid;gap:16px;max-width:860px}.blog-panel fieldset:disabled{opacity:.65}.blog-panel label{display:grid;gap:8px;font-size:14px;color:var(--ink)}.blog-panel input,.blog-panel textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #60799c;border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;line-height:1.6}.blog-panel textarea{resize:vertical}.blog-panel input:focus-visible,.blog-panel textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.blog-panel p,.blog-note{color:var(--muted);line-height:1.8}.blog-note{font-size:13px}.blog-panel form{margin-top:24px}.blog-panel button:disabled{cursor:wait;opacity:.6}#blog-status{color:#9ee5ef;line-height:1.8}#blog-community [hidden]{display:none!important}.blog-comment{padding:18px 0;border-bottom:1px solid var(--border)}.blog-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.blog-remove-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--border);padding:14px;margin:16px 0}@media(max-width:650px){.blog-card,.blog-panel{padding:20px}.blog-actions button{width:100%}}