/* 설명 페이지(검색용 · 매뉴얼) */
.about { max-width: 860px; margin: 0 auto; padding: 0 16px 60px; line-height: 1.7; }
.about section { margin-top: 36px; }
.about h2 { font-size: 22px; margin: 0 0 12px; }
.a-hero { text-align: center; padding: 48px 0 8px; margin-top: 0 !important; }
.a-hero .eyebrow { color: var(--accent); font-weight: 700; font-size: 14px; margin: 0 0 10px; }
.a-hero h1 { font-size: 38px; line-height: 1.25; margin: 0 0 14px; letter-spacing: -0.8px; }
.a-hero h1 em { font-style: normal; color: var(--accent); }
.a-hero .lead { color: var(--muted); font-size: 17px; margin: 0 auto 22px; max-width: 640px; }
.a-steps { padding-left: 20px; }
.a-steps li { margin-bottom: 10px; }
.a-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.a-grid > div { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; }
.a-grid p { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.a-list { padding-left: 20px; color: var(--muted); }
.a-list li { margin-bottom: 6px; }
.about details { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; }
.about summary { cursor: pointer; font-weight: 700; }
.about details p { margin: 8px 0 0; color: var(--muted); }
.a-sister { border-top: 1px solid var(--line); padding-top: 20px; font-size: 14px; }
.a-sister a { color: var(--accent); }
.top .chip { text-decoration: none; margin-right: 8px; }
.top .btn.small { text-decoration: none; }
@media (max-width: 860px) { .a-hero h1 { font-size: 28px; } .a-hero { padding-top: 30px; } }