/*
 * Premium Content Page Engine — front-end styles for /premium/{slug}
 * (assets/js/views/premium.js).
 *
 * The built-in Premium Hero (back button, black gradient banner, App
 * Title/Subtitle) has been REMOVED on purpose — the page starts directly
 * with its own custom `content` HTML, immediately below the fixed app
 * header, like a native Android screen. There is no `.ppe-hero*` markup
 * or CSS any more; do not reintroduce a Hero container or Hero spacing
 * here.
 *
 * Scope is intentionally narrow: this file ONLY styles the page/body
 * wrapper (`.ppe-page`, `.ppe-body`). Nothing here styles the content
 * body itself — that HTML is rendered inside a `.cc-richtext` wrapper
 * (the SAME class the normal /content/{slug} renderer uses, see
 * content.js renderCard() and the `.cc-*` rules in app.css), so it gets
 * exactly the normal Content Page look and no Premium-specific
 * typography/spacing/card/table/gallery/button/embed rules on top of
 * it. Do not add `.ppe-content` (or any other content-body) rules back
 * here — extend `.cc-richtext` in app.css instead, the same single
 * place every Content Page already shares.
 */

.ppe-page {
	max-width: 720px;
	margin: 0 auto;
	padding-bottom: 40px;
}

/* ---------------------------------------------------------------- */
/* Body — no top padding/margin: the first element of the Content    */
/* Editor's HTML sits immediately below the fixed app header, at the */
/* same top offset every other page (e.g. /content/{slug}) starts    */
/* from via .app-main's own spacing. No Hero-related gap is left     */
/* behind.                                                            */
/* ---------------------------------------------------------------- */

.ppe-body { padding: 0 16px; }

/* ---------------------------------------------------------------- */
/* Nothing below this point on purpose. The Content Editor output    */
/* renders inside `.cc-richtext` (see premium.js contentHtml()) and  */
/* is styled exclusively by the `.cc-richtext` rules already in      */
/* app.css — the same ones a normal Content Page uses. That keeps    */
/* ONE typography/spacing/table/gallery/button/embed rule-set for    */
/* rich-text content across the whole theme instead of a second,     */
/* Premium-only copy of it here.                                     */
/* ---------------------------------------------------------------- */