/* eatgo-intro 레거시 본문 블록 (2026-09-22)
   합본 배경: 루트(https://eatgo.kr/)의 본문이 새 브랜드 페이지로 통째로 바뀌면
     기존에 색인돼 있던 키워드 본문(주요기능·추천대상·요금제·FAQ)이 대표 URL 에서
     사라진다. 네이버 Yeti·구글 재평가 기간 동안 순위가 흔들리므로, 같은 페이지
     아래쪽에 기존 섹션을 그대로 이어붙인다(= 색인 신호는 루트 한 곳에 유지).

   선택자에 전부 `lg-` 접두사를 붙인 이유:
     신규 CSS 가 .card / .grid / .stat 같은 일반명을 이미 점유하고 있다.
     특히 .grid 는 달력(repeat(7,1fr))이라 재사용하면 요금제 카드가 7열로 깨진다.
   색상·간격은 신규 디자인 토큰(--brand, --ink, --muted, --line)만 쓴다. */

/* ★신규 디자인의 .section.alt 는 짙은 초록(#102f2b)이고 그 안의 글자색이 흰색으로 상속된다.
   레거시 카드는 흰 배경이라 .alt 를 그대로 쓰면 **흰 배경에 흰 글씨**가 된다(실측 확인).
   레거시 섹션의 교대 배경은 .alt 대신 이 클래스로 따로 준다. */
.lg-alt{background:#f4faf8}

.lg-cards{display:grid;gap:18px;margin-top:38px;text-align:left}
.lg-cards.lg-4{grid-template-columns:repeat(4,1fr)}
.lg-cards.lg-3{grid-template-columns:repeat(3,1fr)}

/* color 를 명시한다 — 상속에 기대면 섹션 배경이 바뀔 때 글자가 통째로 사라진다 */
.lg-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:26px 24px;
         transition:transform .35s ease,box-shadow .35s ease}
.lg-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(16,24,40,.11)}
.lg-card h3{font-size:19px;font-weight:850;letter-spacing:-.6px;margin:0 0 10px;color:var(--ink)}
.lg-card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.65}

.lg-ico{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--brand);
        display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.lg-tag{display:inline-block;margin-top:14px;font-size:13px;font-weight:750;color:var(--brand);
        background:var(--soft);border-radius:999px;padding:6px 12px}
.lg-tag a{color:inherit;text-decoration:underline}

/* 요금제 카드 — 가격을 카드 안에서 가장 크게 둔다(스캔 동선) */
.lg-card.lg-plan{display:flex;flex-direction:column}
/* `.lg-card p`(클래스1+타입1)가 `.lg-price`(클래스1)를 명시도에서 이긴다 — 실측으로
   가격이 본문 크기(15.5px·회색)로 눌렸다. 카드 한정 선택자로 올려 둔다. */
.lg-card p.lg-price{font-size:27px;font-weight:900;letter-spacing:-1.2px;color:var(--brand);margin:0 0 4px}
.lg-card p.lg-price small{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:0}
.lg-card p.lg-note{margin:0 0 14px;font-size:13.5px;color:var(--muted)}
.lg-card.lg-plan ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px;line-height:1.85}
.lg-card.lg-plan ul+p.lg-note{margin:14px 0 0}

/* FAQ — 신규 페이지의 .faq(details/summary)와 같은 생김새를 쓰되 선택자는 분리 */
.lg-faq{margin-top:38px;text-align:left}
.lg-faq details{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;
                padding:18px 20px;margin-bottom:12px}
.lg-faq summary{cursor:pointer;font-weight:850;font-size:16.5px;color:var(--ink);list-style:none}
.lg-faq summary::-webkit-details-marker{display:none}
.lg-faq summary:after{content:"+";float:right;color:var(--brand);font-weight:900}
.lg-faq details[open] summary:after{content:"−"}
.lg-faq details p{margin:14px 0 0;color:var(--muted);font-size:15.5px;line-height:1.75}

.lg-more{margin-top:26px}
.lg-more a{color:var(--brand);font-weight:800}

/* 푸터 사업자 정보 — 전자상거래법상 필수 표기(상호·대표·사업자등록번호·통신판매업신고·주소·연락처).
   신규 푸터에는 이 블록이 없어 루트 교체 시 표기가 통째로 사라진다. 종전 인트로에서 그대로 옮긴다. */
.lg-legal{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
          color:#9fb8b0;font-size:13.5px;line-height:1.8}
.lg-legal .lg-legal-co{color:#e2efe9;font-weight:800;margin:0 0 4px}
.lg-legal p{margin:0}
.lg-legal a{color:#cfe3db}
.lg-legal a:hover{color:#fff}
.lg-legal .lg-legal-links{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}
.lg-legal .lg-legal-links a{font-weight:700}

@media(max-width:980px){
  .lg-cards.lg-4{grid-template-columns:repeat(2,1fr)}
  .lg-cards.lg-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .lg-cards.lg-4,.lg-cards.lg-3{grid-template-columns:1fr}
  .lg-card{padding:22px 20px}
}