/* Pocket Cards app content inside the kit page.
 *
 * Loaded right after /_kit/v2/pp.css and BEFORE app.css / studio.css (see public/index.html), so that:
 *  - the kit's resets (margins, list styles, block images, heading weights, link decoration) are rolled back for the app's own
 *    legacy content (setup, table and sheets) and the browser defaults the app was written against apply again;
 *  - every rule of the app's own CSS, which loads later, still wins ties exactly as before.
 * Result: every table, sheet and setting measures exactly as it did before the kit. The kit blocks that the lobby receives
 * inside #view (.ba-rail, .ba-banner, .ba-more) keep the kit's typography and resets.
 */
body.pp-v2 { --c-font: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif; }
body.pp-v2 :is(#view, #sheet, #foot, #toast) { font: 16px/1.5 var(--c-font); letter-spacing: normal; }
.pp-v2 :where(body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more), body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more) *, #sheet *, #foot *):where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) { margin: revert; padding: revert; list-style: revert; font-weight: revert; letter-spacing: revert; line-height: revert; text-wrap: revert; }
.pp-v2 :where(body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more), body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more) *, #sheet *, #foot *):where(img, svg, video, canvas) { display: revert; max-width: revert; }
.pp-v2 :where(body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more), body:not(.is-lobby) #view > :not(.ba-rail, .ba-banner, .ba-more) *, #sheet *, #foot *):where(a) { text-decoration: revert; }
body.pp-v2 :is(.ba-rail, .ba-banner, .ba-more) { font: 400 15.5px/1.6 var(--font-sans); letter-spacing: -.003em; }