/* /app/support and /app/privacy (T-28): readable text on the site's cards, the same in both themes. */
.app-doc { display: flex; flex-direction: column; gap: 1rem; font-size: .875rem; line-height: 1.65; color: var(--tw-gray-800); }
.app-doc h2 { font-size: 1rem; font-weight: 600; color: var(--tw-gray-900); margin: .5rem 0 0; }
.app-doc ul { list-style: disc; padding-inline-start: 1.25rem; display: flex; flex-direction: column; gap: .4rem; }
.app-doc li::marker { color: var(--tw-gray-500); }
.app-doc a { color: var(--tw-primary); }
.app-doc a:hover { text-decoration: underline; }
.app-doc dl { display: grid; gap: .9rem; }
.app-doc dt { font-weight: 600; color: var(--tw-gray-900); }
.app-doc dd { margin: .2rem 0 0; }
.app-doc .app-note { color: var(--tw-gray-600); font-size: .8125rem; }
/* a decision still open (APPSTORE.md «НУЖНО»): impossible to miss, readable in both themes */
.app-need { display: inline-block; padding: 0 .4rem; border-radius: .375rem; border: 1px dashed var(--tw-warning, #f6b100);
            background: var(--tw-warning-light, rgba(246, 177, 0, .12)); color: var(--tw-gray-900); font-weight: 600;
            font-size: .8125rem; white-space: normal; }
.app-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8125rem; }