.blog-list-page{max-width:760px;margin:0 auto;padding:64px 24px 96px}
.blog-list-page h1{margin:0 0 32px;font:700 44px 'Space Grotesk',sans-serif;color:#141414;letter-spacing:-0.02em}
#post-list{list-style:none;margin:0;padding:0}
#post-list li{padding:20px 0;border-top:1px solid #d6d6d2;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
#post-list a{font:500 20px 'Space Grotesk',sans-serif;color:#141414;text-decoration:none}
#post-list a:hover{color:#D01012}
.post-list-date{font:400 13px 'IBM Plex Mono',monospace;color:#6b6b68;white-space:nowrap}

.post{max-width:680px;margin:0 auto;padding:64px 24px 96px}
.post-date{margin:0 0 8px;font:400 13px 'IBM Plex Mono',monospace;color:#6b6b68}
.post-title{margin:0 0 32px;font:700 40px 'Space Grotesk',sans-serif;color:#141414;letter-spacing:-0.02em}
.post-body{font:400 17px/1.7 'Space Grotesk',sans-serif;color:#141414}
.post-body p{margin:0 0 20px}
.post-body img,.post-body video{display:block;max-width:100%;height:auto;border-radius:12px;margin:32px 0}
.post-body iframe{max-width:100%;border-radius:12px;margin:32px 0}

.feedback{margin-top:64px;padding-top:32px;border-top:1px solid #d6d6d2}
.reactions{display:flex;gap:12px;margin-bottom:24px}
.reaction-btn{font:400 15px 'IBM Plex Mono',monospace;padding:8px 14px;border:1px solid #d6d6d2;border-radius:20px;background:#fff;cursor:pointer}
.reaction-btn:hover{border-color:#141414}
#comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
#comment-body{font:400 15px 'Space Grotesk',sans-serif;padding:12px;border:1px solid #d6d6d2;border-radius:8px;min-height:80px;resize:vertical}
#comment-form button{align-self:flex-start;font:500 14px 'IBM Plex Mono',monospace;padding:10px 20px;background:#141414;color:#fff;border:none;border-radius:20px;cursor:pointer}
#comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
#comment-list li{padding:16px 18px;background:#f7f7f5;border:1px solid #ececea;border-radius:12px}
#comment-list .comment-date{display:block;margin-bottom:6px;font:400 12px 'IBM Plex Mono',monospace;color:#6b6b68}
#comment-list .comment-body{margin:0;font:400 15px/1.5 'Space Grotesk',sans-serif;color:#141414;white-space:pre-wrap;word-break:break-word}