.manual { max-width: 960px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; padding: 16px 0 40px; }

.manual__back { font-size: 14px; }

.manual__head { display: flex; flex-direction: column; gap: 8px; }

.manual__head h1 { font-size: clamp(26px, 3vw, 34px); }

.manual__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px;
}

.chapter-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    color: var(--ink);
    font-weight: 500;
    transition: transform 220ms cubic-bezier(0.32, 0.72, 0.28, 1), box-shadow 220ms cubic-bezier(0.32, 0.72, 0.28, 1);
}

.chapter-card:hover {
    color: var(--ink);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(1, 31, 68, .10);
}

.chapter-card__num { width: 22px; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; color: var(--teal); }

.chapter-card__title { flex: 1; font-size: 15px; font-weight: 700; }

.chapter-card__chevron { color: #94a3b8; font-size: 18px; font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
    .chapter-card { transition: none; }
    .chapter-card:hover { transform: none; }
}