/* feet 12.11. (owner: «pass mit dem Art Director endlich diese hässlichen Scheißseiten an … ballernde Happiness von freshen
   Fotos»), lib/fp_content.php: the guest content pages (safety, about, FAQ, help, how payments work, refund policy, guides,
   house rules, terms, privacy, copyright, imprint, contact) in the reference home's look (assets/css/fp-ref.css): navy hero
   with glow, one blue accent, glass pills, Plus Jakarta display heads, light calm day surfaces, cards without edges.
   Loaded only on those pages for feet guests (body.fpc), after fp-system.css. The day surfaces below the hero follow the light
   theme only; a guest in dark mode keeps the dark tokens of the page under the same navy hero. */
@font-face { font-family: 'fpc-jakarta'; font-weight: 200 800; font-display: swap; src: url(/pnew/assets/fonts/PlusJakartaSans-normal-latin.woff2) format('woff2'); }
body.fpc main { --main-max: 1160px; }   /* one column width under the hero and in it (the hero lined up 120 px right of the body) */
body.fpc {
  --fc-navy: #040a1f; --fc-navy-2: #071537; --fc-navy-3: #0b2058; --fc-navy-4: #12307a;
  --fc-blue: #1a5cff; --fc-blue-2: #3b7bff; --fc-blue-3: #0a43d6; --fc-sky: #6fd2ff;
  --fc-day: #f4f7fe; --fc-day-2: #eaf1ff; --fc-card: #fff; --fc-tint: #eaf1ff; --fc-tint-2: #d9e6ff;
  --fc-ink: #0a1430; --fc-ink-2: #55617c; --fc-on: #e9effb; --fc-on-2: #b4c3e0;
  --fc-shadow: 0 1px 2px rgb(16 32 80 / .05), 0 12px 32px -12px rgb(20 56 150 / .16);
  --fc-r: 22px;
  --fc-head: 'fpc-jakarta', 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
}

/* ------------------------------------------------------------------ header on the navy (as the reference home) */
body.fpc .pc-header { background: rgb(4 10 31 / .86) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); box-shadow: none !important; border: 0 !important; }
body.fpc .pc-header .pc-logo { color: #fff !important; }
body.fpc .pc-header .pc-logo__dot, body.fpc .pc-header .pc-logo svg { color: var(--fc-sky) !important; }
body.fpc .pc-header :is(.pc-nav__link, .pc-btn--ghost, .pc-iconbtn, .pc-burger) { color: #dfe8fb !important; }
body.fpc .pc-header .pc-nav__link[aria-current], body.fpc .pc-header .pc-nav__link:hover { color: #fff !important; }
body.fpc .pc-header .pc-nav__link[aria-current]::after { background: var(--fc-sky) !important; }
body.fpc .pc-header .pc-btn--line { color: #fff !important; background: rgb(255 255 255 / .08) !important; border-color: transparent !important; box-shadow: none !important; }
body.fpc .pc-header .pc-btn--primary { background: linear-gradient(180deg, var(--fc-blue-2), var(--fc-blue)) !important; color: #fff !important; border-color: transparent !important; border-radius: 999px !important; box-shadow: 0 8px 20px -8px rgb(26 92 255 / .8) !important; }
body.fpc .pc-header :is(.pn-themebtn, .pc-burger) { background: rgb(255 255 255 / .08) !important; border-radius: 999px !important; box-shadow: none !important; border-color: transparent !important; }
body.fpc .pc-header .pc-burger__menu .pc-btn--line { color: #0a1430 !important; background: #fff !important; box-shadow: inset 0 0 0 1px rgb(85 97 124 / .5) !important; }
body.fpc .pc-header .pc-burger__menu .pc-btn--ghost { color: #0a43d6 !important; background: #eaf1ff !important; }

/* ------------------------------------------------------------------ the navy hero */
body.fpc :is(.pn-hero, .pk-sec--hero, .fpy-hero):has(.fpc-hero) {
  position: relative; isolation: isolate; overflow: hidden; color: var(--fc-on); padding: 28px 0 56px !important; margin: 0 !important;
  background:
    radial-gradient(60% 70% at 88% 18%, rgb(111 210 255 / .30), transparent 70%),
    radial-gradient(50% 60% at 6% 92%, rgb(26 92 255 / .32), transparent 70%),
    radial-gradient(90% 40% at 50% 100%, rgb(70 130 255 / .34), transparent 70%),
    linear-gradient(180deg, var(--fc-navy) 0%, var(--fc-navy-2) 40%, var(--fc-navy-3) 82%, var(--fc-navy-4) 100%) !important;
  border: 0 !important; border-radius: 0 0 50% 50% / 0 0 36px 36px; }
body.fpc :is(.pn-hero, .pk-sec--hero, .fpy-hero):has(.fpc-hero)::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .55;
  background-image: radial-gradient(1px 1px at 12% 18%, rgb(255 255 255 / .55), transparent 60%), radial-gradient(1px 1px at 72% 9%, rgb(255 255 255 / .45), transparent 60%),
    radial-gradient(1px 1px at 38% 42%, rgb(255 255 255 / .3), transparent 60%), radial-gradient(1px 1px at 86% 55%, rgb(255 255 255 / .35), transparent 60%),
    radial-gradient(1px 1px at 22% 71%, rgb(255 255 255 / .3), transparent 60%), radial-gradient(1px 1px at 61% 83%, rgb(255 255 255 / .3), transparent 60%); }
body.fpc :is(.pn-hero, .pk-sec--hero, .fpy-hero):has(.fpc-hero)::after { content: ""; position: absolute; inset: auto -10% -2px; height: 110px; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 100% at 50% 100%, rgb(160 210 255 / .4), transparent 72%); }
body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) {
  display: flex !important; flex-direction: column; gap: 22px; padding-top: 0 !important; margin-inline: auto; min-height: 0 !important; }
body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) > :not(.fpc-hero) { max-width: none !important; position: relative; z-index: 1; margin: 0 !important; grid-column: auto !important; }

/* the photo: phones on top (16 : 10), desktop the right column (5 : 4) */
body.fpc .fpc-hero { order: -1; position: relative; margin: 0; border-radius: var(--fc-r); overflow: hidden; aspect-ratio: 16 / 10; background: var(--fc-navy-3);
  box-shadow: 0 30px 60px -24px rgb(0 0 0 / .7), 0 0 0 6px rgb(255 255 255 / .04), 0 0 80px -10px rgb(80 160 255 / .35); }
body.fpc .fpc-hero img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% var(--fpc-y, 50%); }
body.fpc .fpc-hero::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgb(150 172 220 / .22); pointer-events: none; }

/* the copy on the navy */
body.fpc :has(> .fpc-hero) :is(h1, .pk-hmega, .fpy-hero__h) {
  font: 800 34px/1.05 var(--fc-head) !important; letter-spacing: -0.03em !important; color: #fff !important; text-wrap: balance; max-width: 16ch; margin: 10px 0 0 !important; }
body.fpc :has(> .fpc-hero) h1 .pk-tape { background: none !important; color: inherit !important; padding: 0 !important; box-shadow: none !important; transform: none !important; }
body.fpc :has(> .fpc-hero) :is(.pn-lpm-hero__lede, .pk-lede, .fpy-hero__lede) { color: var(--fc-on-2) !important; font-size: 15.5px !important; line-height: 1.6 !important; max-width: 56ch !important; margin-top: 14px !important; }
body.fpc :has(> .fpc-hero) :is(.pn-gcrumbs, .pc-crumbs, nav[aria-label="Breadcrumb"]) { color: #9fb1d6 !important; }
body.fpc :has(> .fpc-hero) :is(.pn-gcrumbs, .pc-crumbs, nav[aria-label="Breadcrumb"]) :is(a, li, span) { color: #9fb1d6 !important; }
body.fpc :has(> .fpc-hero) :is(.pn-gcrumbs, .pc-crumbs, nav[aria-label="Breadcrumb"]) [aria-current] { color: #fff !important; }
/* the crumb already names the page: no label over the head (it said «Safety and trust» twice) */
body.fpc :has(> .fpc-hero) :is(.pk-kick, .pn-gd-hero__tags, .fpy-hero__tags) { display: none !important; }
body.fpc :has(> .fpc-hero) :is(.pc-kicker, .pk-kick, .ui-kicker, .pn-gd-hero__tags > *) { color: #cfe2ff !important; background: rgb(255 255 255 / .07) !important; border: 0 !important; box-shadow: none !important;
  display: inline-flex; align-items: center; gap: 7px; min-height: 26px; padding: 4px 12px 4px 10px; border-radius: 999px; font: 600 12px/1.2 var(--fc-head) !important; letter-spacing: 0 !important; text-transform: none !important; margin-top: 8px; }
body.fpc :has(> .fpc-hero) :is(.pc-kicker, .pk-kick, .ui-kicker, .pn-gd-hero__tags > *)::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--fc-sky); box-shadow: 0 0 0 3px rgb(111 210 255 / .2), 0 0 10px var(--fc-sky); flex: none; }
body.fpc :has(> .fpc-hero) a:not(.fpc-key):not(.pc-btn) { color: #9fdcff !important; }
body.fpc :has(> .fpc-hero) :is(p, li, small, .pn-gd-by) { color: var(--fc-on-2); }
body.fpc :has(> .fpc-hero) .pn-gd-by svg { color: var(--fc-sky); }

/* the one key */
body.fpc .fpc-cta { margin: 24px 0 0 !important; }
body.fpc .fpc-key, body.fpc .fpy-hero .pc-btn--pink, body.fpc .fpy-hero .pc-btn--primary {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 26px; border-radius: 999px; border: 0 !important;
  background: linear-gradient(180deg, #4a88ff 0%, var(--fc-blue) 55%, #1450ef 100%) !important; color: #fff !important; font: 700 15.5px/1.1 var(--fc-head) !important; letter-spacing: -0.01em; text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgb(190 215 255 / .45), 0 12px 28px -8px rgb(26 92 255 / .75), 0 2px 6px rgb(10 40 140 / .25) !important; transition: transform .15s ease, box-shadow .15s ease; }
body.fpc .fpc-key:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(190 215 255 / .45), 0 16px 34px -8px rgb(26 92 255 / .85), 0 2px 6px rgb(10 40 140 / .25) !important; }
body.fpc .fpc-key:focus-visible, body.fpc .fpc-hero a:focus-visible { outline: 2px solid var(--fc-sky); outline-offset: 3px; }
body.fpc .fpy-hero .pc-btn--line { min-height: 52px; border-radius: 999px; background: rgb(255 255 255 / .08) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }

/* glass pills on the navy (safety trust bar + its contents line, paypage facts) */
body.fpc :has(> .fpc-hero) :is(.pks-trustbar, .fpy-facts) { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0 !important; padding: 0; list-style: none; }
body.fpc :has(> .fpc-hero) :is(.pks-trustbar, .fpy-facts) > li { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border-radius: 999px; background: rgb(255 255 255 / .07) !important; color: #eef3ff !important;
  font: 600 13px/1 var(--fc-head); border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.fpc :has(> .fpc-hero) :is(.pks-trustbar, .fpy-facts) svg { color: var(--fc-sky); }
body.fpc :has(> .fpc-hero) .pks-trustbar img { width: 22px; height: 22px; }
body.fpc :has(> .fpc-hero) .pks-18 { background: var(--fc-blue) !important; color: #fff !important; border-radius: 999px; padding: 2px 7px; font-size: 11px; }
body.fpc .pk-sec--hero:has(.fpc-hero) .pks-toc { margin-top: 26px !important; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
body.fpc .pk-sec--hero:has(.fpc-hero) .pks-toc > .pk-small { color: #9fb1d6 !important; width: 100%; font-weight: 600; }
body.fpc .pk-sec--hero:has(.fpc-hero) .pks-toc a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; background: rgb(255 255 255 / .07) !important; color: #eef3ff !important;
  border: 0 !important; box-shadow: none !important; font: 600 13px/1 var(--fc-head); text-decoration: none !important; }
body.fpc .pk-sec--hero:has(.fpc-hero) .pks-toc a:hover { background: rgb(255 255 255 / .14) !important; }
body.fpc .fpy-hero:has(.fpc-hero) :is(.fpy-soon, .fpy-sentence) { color: var(--fc-on-2) !important; background: rgb(255 255 255 / .06) !important; border: 0 !important; box-shadow: none !important; border-radius: 16px; padding: 12px 14px !important; margin-top: 14px !important; max-width: 60ch; display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.5; }
body.fpc .fpy-hero:has(.fpc-hero) .fpy-sentence { color: #fff !important; font-weight: 600; }
body.fpc .fpy-hero:has(.fpc-hero) :is(.fpy-soon, .fpy-sentence) svg { color: var(--fc-sky); flex: none; margin-top: 2px; }
body.fpc .fpy-hero:has(.fpc-hero) .fpy-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px !important; }

/* guide article: the short answer as a glass card under the copy */
html body.fpc main :has(> .fpc-hero) .pn-gd-lead.pc-box { background: rgb(255 255 255 / .07) !important; border: 0 !important; box-shadow: none !important; border-radius: 18px; padding: 16px 18px !important; color: var(--fc-on) !important; }
html body.fpc main :has(> .fpc-hero) .pn-gd-lead.pc-box :is(h2, .pn-gd-lead__h) { color: #fff !important; font: 700 15px/1.3 var(--fc-head) !important; margin: 0 0 6px !important; }
html body.fpc main :has(> .fpc-hero) .pn-gd-lead.pc-box :is(p, .pn-gd-lead__a) { color: var(--fc-on-2) !important; }

/* help center: the search field on the navy */
body.fpc .pn-help__hero:has(.fpc-hero) :is(input[type="search"], input[type="text"]) { background: #fff !important; color: var(--fc-ink) !important; border: 0 !important; border-radius: 999px !important; min-height: 52px; box-shadow: 0 14px 30px -12px rgb(0 20 90 / .6) !important; }
body.fpc .pn-help__hero:has(.fpc-hero) form { margin-top: 22px !important; max-width: 560px; }
body.fpc .pn-help__hero:has(.fpc-hero) form button { border-radius: 999px !important; }

@media (min-width: 900px) {
  body.fpc :is(.pn-hero, .pk-sec--hero, .fpy-hero):has(.fpc-hero) { padding: 56px 0 88px !important; border-radius: 0 0 50% 50% / 0 0 56px 56px; }
  body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) {
    display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); grid-auto-flow: row dense; column-gap: 64px; row-gap: 18px; align-items: center; }
  body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) > :not(.fpc-hero) { grid-column: 1 !important; }
  body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) > .fpc-hero { grid-column: 2 !important; grid-row: 1 / span 2 !important; order: 0; aspect-ratio: 5 / 4; align-self: center; }
  body.fpc .fpc-hero img { object-position: 50% 50%; }
  body.fpc :has(> .fpc-hero) :is(h1, .pk-hmega, .fpy-hero__h) { font-size: 54px !important; line-height: 1.02 !important; }
  body.fpc :has(> .fpc-hero) :is(.pn-lpm-hero__lede, .pk-lede, .fpy-hero__lede) { font-size: 17.5px !important; }
  body.fpc .pn-lg-hero:has(.fpc-hero) h1 { font-size: 48px !important; }
  body.fpc .fpc-key { min-height: 56px; padding: 0 30px; font-size: 16px !important; }
}
@media (min-width: 1200px) {
  body.fpc :has(> .fpc-hero) :is(h1, .pk-hmega, .fpy-hero__h) { font-size: 60px !important; }
}

/* ==================================================================================================================
   THE BODY (owner 12.11. pm: «der Hero ist cool, der Rest darunter ne absolute Katastrophe»). The pages print the reference
   home's components (fp-ref.css is loaded too, body.fp-ref: fr-wrap, fr-head, fr-h2, fr-lede, fr-key, fr-final, fr-faq)
   and a few photo-led blocks of the same system (fc-*): split rows with a photo, three pillars, the bento, stat tiles on a
   navy band, the step rail, the magazine grid, the closing band with two photos. Few large blocks, 112 px between sections on
   desktop (64 px phones), lines ≤ 65ch, no edges anywhere (surface, shadow and space only). Dark mode: the same tokens turn. */
body.fpc.fp-ref .pc-header .pn-themebtn { display: inline-grid !important; place-items: center; }   /* fp-ref.css hides it on the fixed home; guests may pick dark here */
body.fpc.fp-ref .pc-header .pc-burger__theme { display: flex !important; }
html[data-theme="dark"] body.fpc.fp-ref {
  --fr-day: #060c22; --fr-day-2: #0a1431; --fr-card: #0e1938; --fr-tint: #13245a; --fr-tint-2: #1a2f6e;
  --fr-ink: #eef3ff; --fr-ink-2: #aab7d6; --fr-ink-3: #8d9cc0;
  --fr-shadow: 0 1px 2px rgb(0 0 0 / .3), 0 18px 40px -16px rgb(0 0 0 / .6); --fr-shadow-l: 0 2px 4px rgb(0 0 0 / .3), 0 28px 60px -18px rgb(0 0 0 / .7);
  background: var(--fr-day) !important; color: var(--fr-ink); }
html[data-theme="dark"]:has(body.fpc) { background: #060c22 !important; }
body.fpc .fc { font: 400 16px/1.65 var(--fr-text); color: var(--fr-ink); -webkit-font-smoothing: antialiased; overflow-x: clip; }
body.fpc .fc :where(h2, h3, p, ul, ol, figure, blockquote) { margin: 0; padding: 0; }
body.fpc .fc :where(ul, ol) { list-style: none; }
body.fpc .fc a { color: inherit; text-decoration: none; }
body.fpc .fc a:focus-visible, body.fpc .fc summary:focus-visible { outline: 2px solid var(--fr-blue); outline-offset: 3px; border-radius: 12px; }
body.fpc .fc-sec { position: relative; padding-block: 64px 0; }
body.fpc .fc-sec:last-child { padding-bottom: 64px; }
body.fpc .fc .fr-wrap { max-width: 1200px; }
body.fpc .fc .fr-head { gap: 14px; max-width: 760px; }
body.fpc .fc .fr-head--c { justify-items: center; text-align: center; margin-inline: auto; }
body.fpc .fc .fr-h2 { font-size: 32px !important; line-height: 1.06 !important; max-width: 18ch; }
body.fpc .fc .fr-lede { font-size: 17px; line-height: 1.6; max-width: 56ch; }
body.fpc .fc .fr-head--c .fr-lede { margin-inline: auto; }
body.fpc .fc-h3 { font: 800 22px/1.2 var(--fr-head) !important; letter-spacing: -0.02em !important; color: var(--fr-ink); margin: 0 !important; }
body.fpc .fc-p { color: var(--fr-ink-2); max-width: 60ch; }
body.fpc .fc-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--fr-blue) !important; font: 700 15px/1.2 var(--fr-head); }
body.fpc .fc-more svg { transition: transform .15s ease; }
body.fpc .fc-more:hover svg { transform: translateX(3px); }
html[data-theme="dark"] body.fpc .fc-more { color: var(--fr-sky) !important; }

/* the photo: rounded, a sky glow behind it, one floating fact */
body.fpc .fc-photo { position: relative; isolation: isolate; margin: 0; }
body.fpc .fc-photo::before { content: ""; position: absolute; z-index: -1; inset: 8% -6% -6% 8%; border-radius: 40px; background: radial-gradient(70% 70% at 60% 60%, rgb(80 160 255 / .38), transparent 72%); filter: blur(10px); }
body.fpc .fc-photo img { display: block; width: 100%; height: auto; aspect-ratio: var(--fc-ar, 4 / 5); object-fit: cover; object-position: var(--fc-pos, 50% 50%); border-radius: 28px; box-shadow: var(--fr-shadow-l); }
body.fpc .fc-photo__chip { position: absolute; left: -10px; bottom: 26px; display: inline-flex; align-items: center; gap: 9px; padding: 11px 16px 11px 12px; border-radius: 999px;
  background: var(--fr-card); color: var(--fr-ink); font: 700 14px/1.2 var(--fr-head); box-shadow: var(--fr-shadow-l); }
body.fpc .fc-photo__chip::before { content: ""; width: 22px; height: 22px; border-radius: 50%; flex: none; background: var(--fr-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 13px no-repeat; }

/* split row: copy + photo, the photo side alternates */
body.fpc .fc-split { display: grid; gap: 36px; align-items: center; }
body.fpc .fc-split__copy { display: grid; gap: 20px; align-content: center; }
body.fpc .fc-points { display: grid; gap: 18px; margin-top: 6px !important; }
body.fpc .fc-points li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 14px; }
body.fpc .fc-points li::before { content: ""; grid-row: 1 / span 2; width: 30px; height: 30px; border-radius: 50%; background: var(--fr-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a5cff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat; }
body.fpc .fc-points b { font: 700 17px/1.35 var(--fr-head); color: var(--fr-ink); letter-spacing: -0.01em; }
body.fpc .fc-points span { color: var(--fr-ink-2); font-size: 15.5px; line-height: 1.55; }

/* three pillars: a photo, a head, two lines */
body.fpc .fc-pillars { display: grid; gap: 22px; margin-top: 36px !important; }
body.fpc .fc-pillar { display: grid; align-content: start; gap: 12px; padding: 14px 14px 26px; border-radius: 30px; background: var(--fr-card); box-shadow: var(--fr-shadow); }
body.fpc .fc-pillar img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; margin-bottom: 8px; }
body.fpc .fc-pillar :is(.fc-h3, .fc-p) { padding-inline: 12px; }
body.fpc .fc-pillar--plain { padding: 30px 28px; gap: 12px; }
body.fpc .fc-pillar--plain :is(.fc-h3, .fc-p) { padding-inline: 0; }
body.fpc .fc-pillar__n { font: 800 44px/1 var(--fr-head); letter-spacing: -0.04em; color: var(--fr-blue); }

/* the navy band (statements, stat tiles) */
body.fpc .fc-navy { position: relative; isolation: isolate; overflow: hidden; color: #e9effb; margin-top: 64px; padding-block: 64px;
  background: radial-gradient(60% 80% at 90% 10%, rgb(111 210 255 / .26), transparent 70%), radial-gradient(50% 70% at 0% 100%, rgb(26 92 255 / .32), transparent 70%),
    linear-gradient(170deg, #040a1f, #0b2058 70%, #12307a); }
body.fpc .fc-navy + .fc-sec { padding-top: 64px; }
body.fpc .fc-navy__grid { display: grid; gap: 32px; }
body.fpc .fc-navy .fr-h2 { color: #fff !important; }
body.fpc .fc-navy .fr-lede, body.fpc .fc-navy .fc-p { color: #b4c3e0; }
body.fpc .fc-navy .fc-h3 { color: #fff; }
body.fpc .fc-navy .fc-points b { color: #fff; }
body.fpc .fc-navy .fc-points span { color: #b4c3e0; }
body.fpc .fc-navy .fc-points li::before { background-color: rgb(255 255 255 / .1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236fd2ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E"); }
body.fpc .fc-navy a:not(.fr-key) { color: #9fdcff !important; text-decoration: underline; text-underline-offset: 3px; }
body.fpc .fc-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 32px !important; }
body.fpc .fc-stat { display: grid; align-content: start; gap: 8px; padding: 24px 22px; border-radius: 24px; background: rgb(255 255 255 / .06); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.fpc .fc-stat b { font: 800 40px/1 var(--fr-head); letter-spacing: -0.04em; color: #fff; }
body.fpc .fc-stat b.fc-stat__t { font-size: 21px; line-height: 1.25; letter-spacing: -0.015em; }
body.fpc .fc-stat span { color: #b4c3e0; font-size: 14.5px; line-height: 1.5; }

/* the step rail */
body.fpc .fc-steps { position: relative; display: grid; gap: 26px; margin-top: 36px !important; counter-reset: fcs; }
body.fpc .fc-steps::before { content: ""; position: absolute; left: 23px; top: 10px; bottom: 10px; width: 2px; background: linear-gradient(180deg, var(--fr-blue), rgb(26 92 255 / .1)); border-radius: 2px; }
body.fpc .fc-step { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 4px 18px; counter-increment: fcs; }
body.fpc .fc-step::before { content: counter(fcs); grid-row: 1 / span 2; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; z-index: 1;
  background: linear-gradient(160deg, var(--fr-blue-2), var(--fr-blue-3)); color: #fff; font: 800 17px/1 var(--fr-head); box-shadow: 0 0 0 6px var(--fr-day), 0 10px 22px -8px rgb(26 92 255 / .8); }
body.fpc .fc-step b { font: 700 18px/1.3 var(--fr-head); color: var(--fr-ink); letter-spacing: -0.01em; padding-top: 4px; }
body.fpc .fc-step span { color: var(--fr-ink-2); font-size: 15.5px; line-height: 1.55; max-width: 34ch; }
body.fpc .fc-navy .fc-step::before { box-shadow: 0 0 0 6px #0a1b4c, 0 10px 22px -8px rgb(26 92 255 / .8); }
body.fpc .fc-navy .fc-step b { color: #fff; }
body.fpc .fc-navy .fc-step span { color: #b4c3e0; }

/* the bento: one big photo tile and four statement tiles */
body.fpc .fc-bento { display: grid; gap: 16px; margin-top: 36px !important; }
body.fpc .fc-bento__pic { margin: 0; border-radius: 30px; overflow: hidden; min-height: 280px; box-shadow: var(--fr-shadow-l); }
body.fpc .fc-bento__pic img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--fc-pos, 50% 50%); }
body.fpc .fc-bento__t { display: grid; align-content: end; gap: 10px; padding: 28px; min-height: 180px; border-radius: 30px; background: var(--fr-card); box-shadow: var(--fr-shadow); }
body.fpc .fc-bento__t--blue { background: radial-gradient(80% 90% at 90% 0%, rgb(111 210 255 / .45), transparent 70%), linear-gradient(160deg, #2f6dff, #0a43d6); color: #fff; }
body.fpc .fc-bento__t--blue :is(.fc-h3, .fc-p) { color: #fff !important; }
body.fpc .fc-bento__t--blue .fc-p { color: #dbe7ff !important; }
body.fpc .fc-bento__t--tint { background: var(--fr-tint); box-shadow: none; }
a.fc-bento__t { transition: transform .15s ease, box-shadow .15s ease; }
body.fpc a.fc-bento__t:hover { transform: translateY(-2px); box-shadow: var(--fr-shadow-l); }
body.fpc .fc-bento__t small { color: var(--fr-blue); font: 700 13px/1.2 var(--fr-head); }
body.fpc .fc-bento__t--blue small { color: #cfe2ff; }

/* the magazine grid (guides): one feature card, then image cards */
body.fpc .fc-mag { display: grid; gap: 22px; margin-top: 36px !important; }
body.fpc .fc-card { position: relative; display: grid; align-content: start; gap: 10px; padding: 12px 12px 22px; border-radius: 28px; background: var(--fr-card); box-shadow: var(--fr-shadow); transition: transform .15s ease, box-shadow .15s ease; }
body.fpc .fc-card:hover { transform: translateY(-3px); box-shadow: var(--fr-shadow-l); }
body.fpc .fc-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; margin-bottom: 6px; }
body.fpc .fc-card :is(.fc-h3, .fc-p, small) { padding-inline: 10px; }
body.fpc .fc-card .fc-h3 { font-size: 19px !important; }
body.fpc .fc-card .fc-p { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
body.fpc .fc-card h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
body.fpc .fc-card--feature { padding: 12px; }
body.fpc .fc-card--feature .fc-h3 { font-size: 28px !important; line-height: 1.12 !important; }
body.fpc .fc-card--feature .fc-p { -webkit-line-clamp: 4; font-size: 16.5px; }
body.fpc .fc-card__copy { display: grid; gap: 12px; align-content: center; padding: 10px 10px 16px; }
body.fpc .fc-tag { display: inline-flex; justify-self: start; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 999px; background: var(--fr-tint); color: var(--fr-blue); font: 700 12.5px/1 var(--fr-head); }

/* the FAQ: big clean rows, no boxes; the open row lifts onto a surface */
body.fpc .fc-faq { display: grid; gap: 6px; margin-top: 32px !important; }
body.fpc .fc-faq__i { border-radius: 24px; transition: background .2s ease, box-shadow .2s ease; }
body.fpc .fc-faq__i:hover { background: var(--fr-tint); }
body.fpc .fc-faq__i[open] { background: var(--fr-card); box-shadow: var(--fr-shadow-l); }
body.fpc .fc-faq__i summary { display: flex; align-items: center; gap: 18px; min-height: 76px; padding: 18px 22px; cursor: pointer; list-style: none; }
body.fpc .fc-faq__i summary::-webkit-details-marker { display: none; }
body.fpc .fc-faq__q { flex: 1; margin: 0 !important; font: 700 18px/1.35 var(--fr-head) !important; letter-spacing: -0.015em; color: var(--fr-ink) !important; }
body.fpc .fc-faq__i summary::after { content: ""; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--fr-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a5cff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat; transition: transform .2s ease, background-color .2s ease; }
body.fpc .fc-faq__i[open] summary::after { transform: rotate(45deg); background-color: var(--fr-blue); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E"); }
body.fpc .fc-faq__a { padding: 0 22px 24px; color: var(--fr-ink-2); font-size: 16px; line-height: 1.65; max-width: 65ch; }
body.fpc .fc-faq__a p + p { margin-top: 10px !important; }
body.fpc .fc-faq__a a { color: var(--fr-blue); text-decoration: underline; text-underline-offset: 3px; }
body.fpc .fc-faqgrid { display: grid; gap: 28px; }
body.fpc .fc-faqgrid__side { display: grid; gap: 20px; align-content: start; }

/* the closing band: the home's blue band, two photos leaning in from the sides */
body.fpc .fc .fr-final { margin-top: 96px; border-radius: 44px 44px 0 0 / 30px 30px 0 0; }
body.fpc .fc .fr-final__in { position: relative; gap: 16px; padding-block: 64px 60px; }
body.fpc .fc .fr-final__h { font-size: 34px !important; max-width: 18ch; }
body.fpc .fc .fr-final__p { font-size: 16.5px; max-width: 48ch; }
body.fpc .fc-final__keys { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; }
body.fpc .fc-final__keys .fr-key--ghost { background: rgb(255 255 255 / .14) !important; box-shadow: none !important; color: #fff !important; }
body.fpc .fc-final__pics { display: flex; justify-content: center; gap: 14px; margin-bottom: 10px; }
body.fpc .fc-final__pics img { width: 112px; height: 112px; object-fit: cover; border-radius: 26px; box-shadow: 0 18px 36px -14px rgb(0 20 90 / .6), 0 0 0 5px rgb(255 255 255 / .14); }
body.fpc .fc-final__pics img:first-child { transform: rotate(-6deg); }
body.fpc .fc-final__pics img:last-child { transform: rotate(5deg); }
body.fpc .fc .fr-final__fine { max-width: 70ch; }
body.fpc .fc .fr-final__fine a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* the pages that keep their old body (help center, FAQ, guide articles, legal texts) sit on the same ground */
body.fpc main :is(.pn-lpm-guide, .pn-gd-main, .pn-help__body) { background: transparent !important; }

@media (min-width: 900px) {
  body.fpc .fc-sec { padding-block: 120px 0; }
  body.fpc .fc-sec:last-child { padding-bottom: 120px; }
  body.fpc .fc .fr-h2 { font-size: 48px !important; line-height: 1.04 !important; }
  body.fpc .fc .fr-lede { font-size: 19px; }
  body.fpc .fc-split { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 96px; }
  body.fpc .fc-split--rev { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
  body.fpc .fc-split--rev .fc-photo { order: -1; }
  body.fpc .fc-photo__chip { left: -28px; bottom: 40px; font-size: 15px; }
  body.fpc .fc-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 56px !important; }
  body.fpc .fc-pillar .fc-h3 { font-size: 24px !important; }
  body.fpc .fc-navy { margin-top: 120px; padding-block: 112px; }
  body.fpc .fc-navy + .fc-sec { padding-top: 120px; }
  body.fpc .fc-navy__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 96px; align-items: center; }
  body.fpc .fc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 0 !important; }
  body.fpc .fc-stat { padding: 30px 28px; }
  body.fpc .fc-stat b { font-size: 52px; }
  body.fpc .fc-stat b.fc-stat__t { font-size: 24px; }
  body.fpc .fc-steps { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 28px; margin-top: 56px !important; }
  body.fpc .fc-steps::before { left: 24px; right: 24px; top: 23px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, var(--fr-blue), rgb(26 92 255 / .12)); }
  body.fpc .fc-step { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.fpc .fc-step::before { grid-row: auto; }
  body.fpc .fc-step b { padding-top: 6px; font-size: 19px; }
  body.fpc .fc-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: 18px; margin-top: 56px !important; }
  body.fpc .fc-bento__pic { grid-column: span 2; grid-row: span 2; min-height: 0; }
  body.fpc .fc-bento--8 .fc-bento__pic { grid-row: span 2; }
  body.fpc .fc-bento__t { padding: 30px; }
  body.fpc .fc-bento__t--wide { grid-column: span 2; }
  body.fpc .fc-mag { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 56px !important; }
  body.fpc .fc-card--feature { grid-column: 1 / -1; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; align-items: center; }
  body.fpc .fc-card--feature img { aspect-ratio: 16 / 11; margin: 0; }
  body.fpc .fc-card--feature .fc-card__copy { padding: 24px 32px 24px 0; }
  body.fpc .fc-card--feature .fc-h3 { font-size: 36px !important; }
  body.fpc .fc-faq__q { font-size: 20px !important; }
  body.fpc .fc-faq__i summary { min-height: 84px; padding: 22px 28px; }
  body.fpc .fc-faq__a { padding: 0 28px 28px; font-size: 16.5px; }
  body.fpc .fc-faqgrid { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 72px; align-items: start; }
  body.fpc .fc-faqgrid__side { position: sticky; top: 96px; }
  body.fpc .fc-faqgrid .fc-faq { margin-top: 0 !important; }
  body.fpc .fc .fr-final { margin-top: 120px; }
  body.fpc .fc .fr-final__in { padding-block: 96px 88px; }
  body.fpc .fc .fr-final__h { font-size: 52px !important; }
  body.fpc .fc-final__pics { position: absolute; inset: 0; justify-content: space-between; align-items: center; margin: 0; pointer-events: none; }
  body.fpc .fc-final__pics img { width: 210px; height: 260px; border-radius: 32px; }
  body.fpc .fc-final__pics img:first-child { transform: rotate(-7deg) translateX(-10px); }
  body.fpc .fc-final__pics img:last-child { transform: rotate(6deg) translateX(10px); }
}
@media (min-width: 900px) and (max-width: 1180px) { body.fpc .fc-final__pics img { width: 150px; height: 190px; } }
@media (prefers-reduced-motion: reduce) { body.fpc :is(.fc-card, a.fc-bento__t, .fc-more svg, .fc-faq__i summary::after) { transition: none !important; } }

/* ------------------------------------------------------------------ reading pages (legal texts, refund, copyright, house rules,
   guide articles, FAQ): the white reading column, a sticky table of contents on desktop, 17 / 1.7 body, generous heads */
body.fpc .pn-gd-main { padding-block: 48px 0 !important; }
body.fpc .pn-gd-main .pc-prose { font-size: 17px !important; line-height: 1.7 !important; color: var(--fr-ink-2) !important; }
body.fpc .pn-gd-main .pc-prose :is(p, li) { font-size: 17px !important; line-height: 1.7 !important; max-width: 68ch; }
body.fpc .pn-gd-main .pc-prose :is(strong, b) { color: var(--fr-ink); }
body.fpc .pn-gd-main .pc-prose h2 { font: 800 26px/1.2 var(--fr-head) !important; letter-spacing: -0.02em; color: var(--fr-ink) !important; margin: 56px 0 14px !important; scroll-margin-top: 96px; }
body.fpc .pn-gd-main .pc-prose h3 { font: 700 19px/1.3 var(--fr-head) !important; color: var(--fr-ink) !important; margin: 32px 0 8px !important; scroll-margin-top: 96px; }
body.fpc .pn-gd-main .pc-prose > :first-child, body.fpc .pn-gd-main .pc-prose > :first-child > h2:first-child { margin-top: 0 !important; }
body.fpc .pn-gd-main .pc-prose ul:not([class]) { list-style: none !important; padding-left: 0 !important; }
body.fpc .pn-gd-main .pc-prose ul:not([class]) > li { position: relative; padding-left: 24px; margin: 10px 0; }
body.fpc .pn-gd-main .pc-prose ul:not([class]) > li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--fr-blue); }
body.fpc .pn-gd-main .pc-prose a { color: var(--fr-blue) !important; text-decoration: underline !important; text-decoration-color: rgb(26 92 255 / .35) !important; text-underline-offset: 3px; }
body.fpc .pn-gd-main :is(.pn-lg-main > .pc-prose, .pn-lg-main > .pc-faq, .pn-gd-body:not(.pn-lg-faq__a), .pn-l3c__main > .pc-prose) { background: var(--fr-card) !important; border: 0 !important; border-radius: 28px; padding: 28px 22px !important; box-shadow: var(--fr-shadow); }
body.fpc .pn-gd-main .pn-lg-main > .pc-prose + .pc-prose { margin-top: 16px; }
/* the contents and the related pages */
body.fpc .pn-gd-main :is(.pc-toc, .pc-pbox) { background: var(--fr-card) !important; border: 0 !important; border-radius: 24px !important; box-shadow: var(--fr-shadow) !important; padding: 20px 22px !important; }
body.fpc .pn-gd-main :is(.pc-toc, .pc-pbox) :is(details, nav, section, .pc-box) { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0; }
body.fpc .pn-gd-main .pc-toc :is(b, summary b) { font: 700 13px/1.3 var(--fr-head) !important; color: var(--fr-ink-2) !important; }
body.fpc .pn-gd-main .pc-toc ol { margin: 12px 0 0 !important; padding: 0 !important; list-style: none !important; counter-reset: fct; display: grid; gap: 2px; }
body.fpc .pn-gd-main .pc-toc ol li { counter-increment: fct; }
body.fpc .pn-gd-main .pc-toc ol li::marker { content: none; }
body.fpc .pn-gd-main .pc-toc ol a { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 6px; padding: 7px 10px 7px 6px; border-radius: 12px; color: var(--fr-ink) !important; font: 600 14px/1.35 var(--fr-text); text-decoration: none !important; }
body.fpc .pn-gd-main .pc-toc ol a::before { content: counter(fct, decimal-leading-zero); color: var(--fr-blue); font: 700 12px/1.6 var(--fr-head); }
body.fpc .pn-gd-main .pc-toc ol a:hover, body.fpc .pn-gd-main .pc-toc ol a[aria-current] { background: var(--fr-tint); }
body.fpc .pn-gd-main .pc-toc ol a > *::before, body.fpc .pn-gd-main .pc-toc ol li > span:first-child { display: none; }
body.fpc .pn-gd-main .pc-pbox a { color: var(--fr-blue) !important; }
body.fpc .pn-gd-main .pn-gd-toc[aria-hidden="true"] { display: none !important; }
/* FAQ: the questions as big clean rows */
body.fpc .pn-gd-main .pn-lg-main > .pc-faq { background: transparent !important; box-shadow: none !important; padding: 0 !important; display: grid; gap: 6px; }
body.fpc .pn-lg-faq > details { border: 0 !important; border-radius: 24px !important; background: transparent !important; box-shadow: none !important; transition: background .2s ease, box-shadow .2s ease; }
body.fpc .pn-lg-faq > details:hover { background: var(--fr-tint) !important; }
body.fpc .pn-lg-faq > details[open] { background: var(--fr-card) !important; box-shadow: var(--fr-shadow-l) !important; }
body.fpc .pn-lg-faq > details > summary { display: flex; align-items: center; gap: 18px; min-height: 76px; padding: 18px 22px !important; list-style: none; cursor: pointer; }
body.fpc .pn-lg-faq > details > summary::-webkit-details-marker { display: none; }
body.fpc .pn-lg-faq > details > summary::after { content: "" !important; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--fr-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a5cff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat; transition: transform .2s ease; }
body.fpc .pn-lg-faq > details[open] > summary::after { transform: rotate(45deg); background-color: var(--fr-blue); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E"); }
body.fpc .pn-lg-faq__q { flex: 1; font: 700 18px/1.35 var(--fr-head) !important; letter-spacing: -0.015em !important; color: var(--fr-ink) !important; margin: 0 !important; }
body.fpc .pn-lg-faq .pn-lg-faq__a { background: transparent !important; box-shadow: none !important; padding: 0 22px 24px !important; }
body.fpc.pk-d-faq .pn-gd-main .pn-lpm-guide__grid > .pn-lg-main::before { content: none; }
@media (min-width: 1000px) {
  body.fpc .pn-gd-main { padding-top: 72px !important; }
  body.fpc .pn-gd-main .pn-lpm-guide__grid { display: grid !important; grid-template-columns: minmax(0, 760px) 300px !important; justify-content: center; gap: 0 56px !important; align-items: start; }
  body.fpc .pn-gd-main .pn-lpm-guide__grid > :is(.pn-lg-main, .pc-prose, .pn-gd-body, .pn-l3c__main, .pn-help__main) { grid-column: 1 !important; grid-row: 1 / span 3 !important; }
  body.fpc .pn-gd-main .pn-lpm-guide__grid > .pn-gd-toc:not([aria-hidden]) { grid-column: 2 !important; grid-row: 1 / span 3 !important; position: sticky; top: 96px; align-self: start; max-height: calc(100vh - 120px); overflow: auto; }
  body.fpc .pn-gd-main .pn-lpm-guide__grid > .pn-lpm-rail { grid-column: 2 !important; grid-row: 1 / span 3 !important; position: sticky; top: 96px; align-self: start; display: grid; gap: 16px; }
  body.fpc .pn-gd-main .pn-lpm-guide__grid:has(> .pn-gd-toc:not([aria-hidden])) > .pn-lpm-rail { grid-row: 4 !important; position: static; margin-top: 16px; }
  body.fpc .pn-gd-main :is(.pn-lg-main > .pc-prose, .pn-gd-body:not(.pn-lg-faq__a), .pn-l3c__main > .pc-prose) { padding: 56px 64px !important; }
  body.fpc .pn-lg-faq__q { font-size: 20px !important; }
  body.fpc .pn-lg-faq > details > summary { min-height: 84px; padding: 22px 28px !important; }
  body.fpc .pn-lg-faq .pn-lg-faq__a { padding: 0 28px 28px !important; }
}

/* ------------------------------------------------------------------ help center index: the topics as a bento, answers as big rows */
body.fpc .pn-help__body { padding-block: 64px 0 !important; }
body.fpc .pn-help__body > .pc-wrap { max-width: calc(1200px + 2 * var(--gutter, 20px)); }
body.fpc .pn-help__h { font: 800 32px/1.06 var(--fr-head) !important; letter-spacing: -0.024em !important; color: var(--fr-ink) !important; margin: 0 0 28px !important; }
body.fpc .pn-help__popular { margin-top: 64px !important; }
body.fpc .pn-help__grid { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 14px !important; list-style: none; padding: 0; }
body.fpc .pn-help__grid > .fc-bento__pic { min-height: 220px; }
body.fpc .pn-help__cat { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-content: end !important; gap: 6px !important; min-height: 150px; padding: 24px !important; border: 0 !important; border-radius: 26px !important;
  background: var(--fr-card) !important; box-shadow: var(--fr-shadow) !important; transition: transform .15s ease, box-shadow .15s ease; }
body.fpc .pn-help__cat:hover { transform: translateY(-2px); box-shadow: var(--fr-shadow-l) !important; }
body.fpc .pn-help__grid > li:nth-child(2) .pn-help__cat { background: radial-gradient(80% 90% at 90% 0%, rgb(111 210 255 / .45), transparent 70%), linear-gradient(160deg, #2f6dff, #0a43d6) !important; }
body.fpc .pn-help__grid > li:nth-child(2) .pn-help__cat :is(b, span, i) { color: #fff !important; }
body.fpc .pn-help__grid > li:nth-child(5) .pn-help__cat, body.fpc .pn-help__grid > li:nth-child(8) .pn-help__cat { background: var(--fr-tint) !important; box-shadow: none !important; }
body.fpc .pn-help__ico { display: none !important; }
body.fpc .pn-help__cat b { font: 800 21px/1.2 var(--fr-head) !important; letter-spacing: -0.02em; color: var(--fr-ink) !important; }
body.fpc .pn-help__cat span { color: var(--fr-ink-2) !important; font-size: 15px; line-height: 1.5; }
body.fpc .pn-help__cat i { font-style: normal; color: var(--fr-blue) !important; font: 700 13px/1.2 var(--fr-head); margin-top: 6px; }
body.fpc .pn-help__list { display: grid; gap: 6px; padding: 0 !important; margin: 0 !important; list-style: none; background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.fpc .pn-help__list > li { border: 0 !important; }
body.fpc .pn-help__row { display: flex !important; align-items: center; gap: 18px; min-height: 84px; padding: 18px 22px !important; border-radius: 24px; border: 0 !important; background: transparent !important; box-shadow: none !important; transition: background .2s ease; }
body.fpc .pn-help__row:hover { background: var(--fr-card) !important; box-shadow: var(--fr-shadow) !important; }
body.fpc .pn-help__rowmain { flex: 1; display: grid; gap: 4px; }
body.fpc .pn-help__rowmain b { font: 700 19px/1.3 var(--fr-head) !important; color: var(--fr-ink) !important; letter-spacing: -0.015em; }
body.fpc .pn-help__rowmain span { color: var(--fr-ink-2) !important; font-size: 15.5px; max-width: 70ch; }
body.fpc .pn-help__row .pn-chev { flex: none; width: 36px !important; height: 36px !important; padding: 8px; border-radius: 50%; background: var(--fr-tint); color: var(--fr-blue); }
@media (min-width: 900px) {
  body.fpc .pn-help__body { padding-top: 120px !important; }
  body.fpc .pn-help__h { font-size: 48px !important; line-height: 1.04 !important; margin-bottom: 48px !important; }
  body.fpc .pn-help__popular { margin-top: 120px !important; }
  body.fpc .pn-help__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(200px, auto); gap: 18px !important; }
  body.fpc .pn-help__grid > .fc-bento__pic { grid-column: span 2; grid-row: span 2; }
  body.fpc .pn-help__row { padding: 22px 28px !important; }
}

/* contact form: a white form surface */
body.fpc.pk-r-contact main form { background: var(--fr-card); border-radius: 28px; padding: 28px; box-shadow: var(--fr-shadow); }
body.fpc.pk-r-contact main :is(input, select, textarea) { border: 0 !important; background: var(--fr-tint) !important; color: var(--fr-ink) !important; border-radius: 14px !important; }
body.fpc main :is(.pc-pbox) { border: 0 !important; }
/* the safety hero's contents chips: the page is short enough without them */
body.fpc .pk-sec--hero:has(.fpc-hero) .pks-toc { display: none !important; }
/* phones: long heads and crumbs stay inside the hero */
body.fpc :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero, .fpy-hero__wrap):has(> .fpc-hero) > *, body.fpc :has(> .fpc-hero) :is(.pn-gd-hero__copy, .fpy-hero__copy) > * { min-width: 0; }
body.fpc :has(> .fpc-hero) h1 { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 899px) {
  body.fpc :has(> .fpc-hero) :is(h1, .pk-hmega, .fpy-hero__h) { font-size: 30px !important; max-width: none; }
  body.fpc :has(> .fpc-hero) :is(.pn-gcrumbs, .pc-crumbs, nav[aria-label="Breadcrumb"]) { max-width: 100%; overflow: hidden; }
  body.fpc :has(> .fpc-hero) :is(.pn-gcrumbs, .pc-crumbs, nav[aria-label="Breadcrumb"]) li:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.fpc .pk-abx-what__lead { font-size: 17px !important; }
}

/* pages with a short head (legal texts, refund, copyright, contact, FAQ, house rules): a lower hero, the photo wide and smaller */
@media (min-width: 900px) {
  body.fpc:is(.pk-r-legal_page, .pk-r-refund_policy, .pk-r-copyright, .pk-r-imprint, .pk-r-contact, .pk-r-rules) :is(.pn-gd-hero__wrap):has(> .fpc-hero) { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  body.fpc:is(.pk-r-legal_page, .pk-r-refund_policy, .pk-r-copyright, .pk-r-imprint, .pk-r-contact, .pk-r-rules) .fpc-hero { aspect-ratio: 16 / 10 !important; }
  body.fpc:is(.pk-r-legal_page, .pk-r-refund_policy, .pk-r-copyright, .pk-r-imprint, .pk-r-contact, .pk-r-rules) .fpc-hero img { object-position: 50% var(--fpc-y, 50%); }
  body.fpc:is(.pk-r-legal_page, .pk-r-refund_policy, .pk-r-copyright, .pk-r-imprint, .pk-r-contact, .pk-r-rules) :is(.pn-hero):has(.fpc-hero) { padding: 44px 0 72px !important; }
}
/* the rail's inner list sat as a second card inside the card */
html:not([data-theme="dark"]) body.fpc main :is(.pn-gd-toc, .pn-lpm-rail) :is(.pc-box, nav, aside, section) :is(.pc-box, nav, aside, section) { box-shadow: none !important; background: transparent !important; }
/* FAQ: the intro line and the «more answers» line sit on the ground, not in cards */
body.fpc.pk-d-faq .pn-gd-main .pn-lg-main > .pc-prose { background: transparent !important; box-shadow: none !important; padding: 0 22px !important; }
body.fpc.pk-d-faq .pn-gd-main .pn-lg-main > .pc-prose:first-child { font-size: 19px !important; margin-bottom: 18px; }
body.fpc.pk-d-faq .pn-gd-main .pn-lg-main > .pc-prose:last-child { margin-top: 18px; }