/* 페이지 기본 스타일. 기존 style 위치에서 읽어 우선순위를 유지한다. */
*, *::before, *::after { box-sizing: border-box; }
    body {
      margin: 0;
      background: var(--canvas);
      color: var(--ink);
      font-family: var(--font);
      font-size: var(--fs-body);
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      word-break: keep-all;
    }
    .wrap {
      width: min(var(--page-max), calc(100% - 2 * var(--page-gutter)));
      max-width: var(--content-width);
      margin: 0 auto;
      padding: 0 0 var(--space-8);
    }

    .page-head { padding: var(--space-7) 0 var(--space-6); }
    .page-eyebrow {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      margin-bottom: var(--space-4);
    }
    .page-eyebrow .txt {
      font-family: var(--font);
      font-size: var(--fs-small);
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink-2);
    }
    .page-head h1 {
      margin: 0;
      font-family: var(--font);
      font-size: var(--fs-h1);
      line-height: 1.25;
      letter-spacing: -.01em;
      color: var(--ink);
    }
    .page-head p {
      margin: var(--space-4) 0 0;
      max-width: 600px;
      font-size: var(--fs-lead);
      line-height: 1.8;
      color: var(--ink);
    }

    /* 최신 1건만 떠 있는 카드. 그림자는 정보층 1단(--shadow-sm). */
    .n-lead {
      display: block;
      position: relative;
      text-decoration: none;
      color: inherit;
      padding: var(--space-6) var(--space-6);
      transition: box-shadow var(--t-2) var(--ease-out), transform var(--t-2) var(--ease-out);
    }
    .n-lead:hover { box-shadow: none; transform: translateY(-2px); }
    .n-lead:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
    [data-theme="dark"] .n-lead { box-shadow: none; }
    .n-lead-meta {
      margin: 0 0 var(--space-3);
      font-family: var(--font);
      font-size: var(--fs-small);
      letter-spacing: .04em;
      color: var(--ink-2);
      font-variant-numeric: tabular-nums;
    }
    .n-lead-title {
      margin: 0;
      font-size: var(--fs-h3);
      font-weight: 600;
      line-height: 1.45;
      letter-spacing: -.01em;
      color: var(--ink);
    }
    .n-lead-sum {
      margin: var(--space-3) 0 0;
      max-width: 620px;
      font-size: var(--fs-body);
      line-height: 1.8;
      color: var(--ink);
    }
    .n-lead-go {
      display: inline-block;
      margin-top: var(--space-4);
      font-family: var(--font);
      font-size: var(--fs-small);
      letter-spacing: .04em;
      color: var(--ink);
    }
    .n-lead:hover .n-lead-go { color: var(--ink); }

    .n-group {
      display: flex;
      align-items: center;
      gap: var(--space-4);
      margin: var(--space-7) 0 var(--space-3);
      font-family: var(--font);
      font-size: var(--fs-small);
      font-weight: 500;
      letter-spacing: .14em;
      color: var(--ink-2);
      font-variant-numeric: tabular-nums;
    }
    .n-group:first-of-type { margin-top: var(--space-6); }
    .n-group::after { content: ""; flex: 1; height: 1px; background: var(--rule); }

    .n-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
    }
    .n-item > a {
      display: block;
      text-decoration: none;
      color: inherit;
    }
    .n-item > a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

    .n-t {
      display: block;
      font-size: var(--fs-lead);
      font-weight: 600;
      line-height: 1.45;
      letter-spacing: -.01em;
      color: var(--ink);
    }
    .n-s {
      display: block;
      margin: var(--space-2) 0 0;
      max-width: 720px;
      font-size: var(--fs-body);
      font-weight: 400;
      line-height: 1.7;
      color: var(--ink);
    }
    .n-m {
      display: inline-block;
      margin-top: var(--space-3);
      font-family: var(--font);
      font-size: var(--fs-small);
      letter-spacing: .04em;
      color: var(--ink-2);
      font-variant-numeric: tabular-nums;
    }
    .n-go {
      display: inline-block;
      margin-left: var(--space-3);
      color: var(--ink-2);
    }

    .n-sr {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }

    @media (max-width: 720px) {
      .n-t { font-size: var(--fs-lead); }
      .n-lead { padding: var(--space-5) var(--space-5); }
      .n-lead-title { font-size: var(--fs-h3); }
      .page-head { padding: var(--space-7) 0 var(--space-6); }
    }

    .n-list{gap:var(--space-6)}
    body.tactile-detail .n-list .n-item>a.x-list-row{text-decoration:none;display:grid;gap:var(--space-2);padding-block:var(--space-5)}
    .n-m{margin:0}

/* 좁은 화면: clamp() 글자 크기를 DS 토큰 두 단계로 나눈 작은 쪽(DS 준수 이관 2026-10-20) */
@media (max-width: 700px) {
  .page-head h1 { font-size: var(--fs-h2); }
}