.post-card { overflow: hidden; padding: 0; }.post-card-body { padding: 25px 28px 28px; }.post-thumbnail { background: #112b52; display: block; height: 188px; overflow: hidden; }.post-thumbnail img { height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }.post-card:hover .post-thumbnail img { transform: scale(1.04); }.post-thumbnail.placeholder { align-items: center; background: linear-gradient(135deg, #0f315b, #2472bd); color: #dff1ff; display: flex; font-family: ui-monospace, monospace; font-size: 1rem; font-weight: 700; justify-content: center; letter-spacing: .12em; line-height: 1.45; text-align: center; }.article-thumbnail { border-radius: 14px; display: block; margin: 30px 0 4px; max-height: 430px; object-fit: cover; width: 100%; }.markdown-content { font-size: 1rem; }.markdown-content h1, .markdown-content h2, .markdown-content h3 { font-family: "Pretendard Variable", Pretendard, sans-serif; letter-spacing: -.04em; margin-top: 2em; }.markdown-content p, .markdown-content li { line-height: 1.9; }.markdown-content pre { background: #0b172a; border-radius: 12px; color: #deedff; margin: 24px 0; overflow-x: auto; padding: 20px; }.markdown-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }.markdown-content :not(pre) > code { background: #edf3fa; border-radius: 5px; color: #1f5f9e; padding: .15em .35em; }.thumbnail-preview { border: 1px solid #dce5ee; border-radius: 10px; max-height: 230px; max-width: 360px; object-fit: cover; width: 100%; }.editor-content-heading { align-items: end; display: flex; justify-content: space-between; }.editor-content-heading .editor-field { flex: 1; }.code-insert { background: #edf5fd; border: 0; border-radius: 7px; color: #286fb7; cursor: pointer; font: inherit; font-size: .76rem; font-weight: 650; padding: 9px 11px; } .editor-field small { color: #8b99aa; font-size: .72rem; font-weight: 450; } @media (max-width: 640px) { .post-thumbnail { height: 170px; }.editor-content-heading { align-items: start; flex-direction: column; gap: 10px; } }
