### Clone Nutrient for Android Catalog Repository

Source: https://github.com/pspdfkit/pspdfkit-android-catalog/blob/master/README.md

This command sequence clones the Nutrient for Android Catalog example repository from GitHub and navigates into its directory, preparing the project for further setup.

```sh
git clone https://github.com/PSPDFKit/pspdfkit-android-catalog.git
cd pspdfkit-android-catalog
```

--------------------------------

### Build and Install Nutrient for Android Catalog App

Source: https://github.com/pspdfkit/pspdfkit-android-catalog/blob/master/README.md

This command builds and installs the debug version of the Nutrient for Android Catalog app directly from the command line using Gradle, allowing for quick deployment to a connected device or emulator.

```sh
./gradlew :installDebug
```

--------------------------------

### Basic CSS Styling for Remote Document Example Page

Source: https://github.com/pspdfkit/pspdfkit-android-catalog/blob/master/app/src/main/assets/url-dataprovider-example/testpage.html

Defines the visual styling for the example page, including maximum width, margins, padding, font properties, and specific rules for Right-to-Left (RTL) text direction within tables.

```CSS
.example-style { max-width: 800px; margin: auto; padding: 30px; font-size: 16px; line-height: 24px; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; } /\*\* RTL \*\*/ .rtl { direction: rtl; font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; } .rtl table { text-align: right; } .rtl table tr td:nth-child(2) { text-align: left; }
```

--------------------------------

### Styling a Responsive HTML Invoice with CSS

Source: https://github.com/pspdfkit/pspdfkit-android-catalog/blob/master/app/src/main/assets/html-conversion/invoice.html

This CSS defines the visual presentation and responsiveness of an HTML invoice template. It sets up the overall container, table layouts, text alignment, and specific styles for different sections like header, information, headings, items, and totals. Media queries are included to ensure the layout adapts well to smaller screens, and a dedicated section provides styles for right-to-left (RTL) language support.

```CSS
.invoice-box { max-width: 800px; margin: auto; padding: 30px; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, .15); font-size: 16px; line-height: 24px; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #555; }
.invoice-box table { width: 100%; line-height: inherit; text-align: left; }
.invoice-box table td { padding: 5px; vertical-align: top; }
.invoice-box table tr td:nth-child(2) { text-align: right; }
.invoice-box table tr.top table td { padding-bottom: 20px; }
.invoice-box table tr.top table td.title { font-size: 45px; line-height: 45px; color: #333; }
.invoice-box table tr.information table td { padding-bottom: 40px; }
.invoice-box table tr.heading td { background: #eee; border-bottom: 1px solid #ddd; font-weight: bold; }
.invoice-box table tr.details td { padding-bottom: 20px; }
.invoice-box table tr.item td{ border-bottom: 1px solid #eee; }
.invoice-box table tr.item.last td { border-bottom: none; }
.invoice-box table tr.total td:nth-child(2) { border-top: 2px solid #eee; font-weight: bold; }
@media only screen and (max-width: 600px) { .invoice-box table tr.top table td { width: 100%; display: block; text-align: center; } .invoice-box table tr.information table td { width: 100%; display: block; text-align: center; } }
/** RTL **/
.rtl { direction: rtl; font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; }
.rtl table { text-align: right; }
.rtl table tr td:nth-child(2) { text-align: left; }
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.