/* Strony aplikacji Click Buddy (/app/): wpis do sklepów, polityka prywatności, wsparcie. Dziedziczy paletę ze style.css. */
.app-nav { display: flex; gap: 18px; flex-wrap: wrap; color: var(--dim); font-size: 14px; }
.app-nav a { color: var(--dim); }
.app-nav a:hover { color: var(--text); text-decoration: none; }
.app-page { max-width: 720px; }
.app-page h1 { font-weight: 700; font-size: 2.3rem; letter-spacing: -0.025em; line-height: 1.12; margin: 44px 0 14px; }
.app-page h2 { font-weight: 600; font-size: 1.25rem; letter-spacing: -0.01em; color: var(--text); margin: 40px 0 10px; }
.app-page h3 { font-size: 1.05rem; font-weight: 600; margin: 26px 0 6px; }
.app-page .lead { font-size: 1.15rem; color: var(--text); max-width: 58ch; line-height: 1.5; }
.app-page p, .app-page li { color: var(--dim); }
.app-page li b { color: var(--text); font-weight: 600; }
.app-page ul { padding-left: 20px; }
.app-page li { margin: 6px 0; }
.app-page hr { border: 0; border-top: 1px solid var(--line); margin: 56px 0; }
.stores { display: flex; gap: 10px; flex-wrap: wrap; margin: 22px 0 8px; }
.store { display: inline-flex; flex-direction: column; padding: 10px 18px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--line); color: var(--text); font-weight: 600; }
.store small { color: var(--dim); font-weight: 400; }
.store:hover { text-decoration: none; border-color: var(--line-strong); }
.app-page .meta { color: var(--faint); font-size: .9rem; }
.app-footer { margin-top: 64px; color: var(--faint); font-size: .9rem; }
.app-footer a { color: var(--faint); }