/* 안내 글(/guide/*) — 색·글꼴·카드·버튼은 delivery.css·home.css 를 그대로 쓰고 글 읽기용 폭·표·목록만 더한다 */
.page.guide { max-width: 760px; }
.top .brand-row { color: inherit; text-decoration: none; }
.article { gap: 18px; padding: 26px 24px; }
.article h1 { font-family: var(--pixel); font-size: 26px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.3; text-wrap: balance; }
.article h2 { font-family: var(--pixel); font-size: 18px; margin-top: 10px; }
.article p, .article li { font-size: 15px; line-height: 1.75; color: var(--ink-2); }
.article ol, .article ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }
.article b { color: var(--ink); }
.article .lead { font-size: 16px; color: var(--ink); }
.cmp { width: 100%; border-collapse: collapse; font-size: 14px; background: var(--field); border-radius: 12px; overflow: hidden; }
.cmp th, .cmp td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: center; }
.cmp th:first-child, .cmp td:first-child { text-align: left; font-weight: 700; }
.cmp thead th { background: #E7E4DD; font-weight: 700; }
.cmp tr:last-child td { border-bottom: 0; }
.cmp.left th, .cmp.left td { text-align: left; }
.cmp.left td:first-child { white-space: nowrap; }
.article .guides { padding-left: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }