#news-detail { padding: 56px 40px 80px; background: #fff; }
  .nd-inner { max-width: 760px; margin: 0 auto; }
  .nd-back {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 700; color: var(--muted);
    text-decoration: none; margin-bottom: 32px; transition: color .15s;
  }
  .nd-back:hover { color: var(--accent); }
  .nd-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }
  .nd-date {
    font-size: 14px; font-weight: 700; color: var(--muted);
    letter-spacing: .04em; font-family: "Inter", "Helvetica Neue", sans-serif;
  }
  .nd-cat {
    font-size: 12px; font-weight: 700; color: var(--accent2);
    background: var(--accent3); padding: 4px 12px; border-radius: 100px;
  }
  .nd-title {
    font-size: 30px; font-weight: 800; color: var(--navy);
    line-height: 1.5; letter-spacing: .01em;
    margin-bottom: 36px; padding-bottom: 28px;
    border-bottom: 1px solid var(--border);
  }
  .nd-body p {
    font-size: 16px; line-height: 2.05; color: var(--text);
    font-weight: 500; margin: 0 0 20px;
  }
  .nd-body p strong { color: var(--navy); font-weight: 800; }
  .nd-external {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 16px; padding: 14px 28px;
    background: var(--accent); border-radius: 100px;
    color: #fff; font-size: 17px; font-weight: 700;
    text-decoration: none; transition: all .15s;
  }
  .nd-external:hover { background: var(--navy); color: #fff; }
  .nd-back-bottom {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 48px; font-size: 14px; font-weight: 700;
    color: var(--accent); text-decoration: none;
  }
  .nd-back-bottom:hover { color: var(--accent2); }
  @media (max-width: 700px) {
    #news-detail { padding: 40px 24px 64px; }
    .nd-title { font-size: 24px; }
    .nd-body p { font-size: 15px; }
  }