.blog-page{max-width:1120px;margin:auto;padding-bottom:64px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:22px;margin-bottom:30px}.blog-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px}.blog-card h2{font-size:24px;line-height:1.25;margin:15px 0}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}.blog-card p{color:var(--muted);font-size:15px;line-height:1.7;white-space:pre-line}.blog-card time,.blog-article time{color:var(--muted);font-size:13px}.blog-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blog-article{max-width:760px;margin:48px auto}.blog-article h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-1.5px;overflow-wrap:anywhere}.blog-intro{font-size:21px;line-height:1.6;color:var(--muted)}.blog-body{font-size:18px;line-height:1.85;overflow-wrap:anywhere}.blog-body p{margin:1.4em 0}.blog-editor{max-width:820px;margin:0 auto 30px;display:flex;flex-direction:column;gap:12px}.blog-editor>label{font-size:14px;font-weight:600}.blog-editor>input,.blog-editor>textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid var(--line);border-radius:8px;padding:12px;background:white;color:var(--ink)}.blog-editor textarea{resize:vertical;line-height:1.7}.blog-editor .details-note{margin:0 0 12px}.blog-editor .primary-button{width:auto}.blog-publish{display:flex;gap:10px;align-items:center}.blog-delete{max-width:820px;margin:40px auto}.blog-delete form{display:flex;flex-direction:column;gap:18px;padding:20px 0}.blog-delete button{align-self:flex-start}.blog-page a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}