.cd { max-width: 820px; margin: 0 auto; }
    .cd__meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
    .cd__cat { font-size: 12px; font-weight: 500; color: var(--brown); border: 1px solid var(--line); border-radius: 999px; padding: 5px 14px; }
    .cd__date { font-family: var(--font-en); font-size: 13px; color: var(--ink-soft); letter-spacing: .04em; }
    .cd__title { font-size: clamp(22px, 2.8vw, 34px); font-weight: 700; line-height: 1.55; letter-spacing: .02em; color: var(--ink); }
    .cd__eyecatch { margin: clamp(24px,3vw,40px) 0; overflow: hidden; aspect-ratio: 16 / 9; }
    .cd__eyecatch img { width: 100%; height: 100%; object-fit: cover; }
    .cd__lead { font-size: 15px; line-height: 2.1; color: var(--ink-soft); margin-bottom: 8px; }
    .cd__share { display: flex; align-items: center; gap: 14px; margin-top: clamp(36px,4vw,56px); padding-top: 26px; border-top: 1px solid var(--line); }
    .cd__share span { font-size: 12px; letter-spacing: .1em; color: var(--ink-soft); }
    .cd__share a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); transition: border-color .25s, color .25s, transform .3s; }
    .cd__share a:hover { border-color: var(--brown); color: var(--brown); transform: translateY(-2px); }
    .cd__share svg { width: 18px; height: 18px; }
    .cd-related { background: #fff; }