/* pnew-plastik-site.css — generated by tools/css_plastik.php, do not edit (the plastik look on every page: src-css/plastik/site.css + the member layer on the guest, join, wizard and order bodies) */
/* plastik look on every page (owner 31.10.: "ok und die Unterseiten?"), since 03.11. on the design system (docs/design-system.md,
   wave 2 package P7): loaded AFTER the page's own bundle when the look is on (lib/plastik.php pnew_plk_site_head). Every rule
   sits under body.pk-site (the layout's body class) or html[data-plk], so nothing changes without the look.
   What is left here is the layout of the pages built in the look (templates/plastik/*.php: the kit pk-*, the safety page pks-*,
   the join frame pkj-*, the adult 18+ note bar) — colours, type, radii and controls only as the role tokens of tokens.css
   (§2–§7). No palette of its own, no Anton, no marker, no gloss, no drip, no tape, no rotation; 3D objects only as the guest
   accents of §13a (pnew_gobj / pnew_ghead, the block «guest objects» below), never the old props. The
   member area's own rules reach guests through tools/css_plastik.php (pnew_plkcss_guest_build), never as a copy here. */

html[data-plk] { color-scheme: dark; background: #101114; }   /* the overscroll behind the page: the ground (--md-bg) */

/* ---------- the kit of the pages built in the look: sections, column, heads, panels, chips, rows ---------- */
.pk-site .pn-main:has(> .pk-page) { max-width: none; margin: 0; padding: 0; }   /* a page built in the look runs edge to edge, its sections carry the column */
.pk-site .pk-sec { position: relative; padding: var(--space-12) 0; }   /* one ground: sections part by air, never by a band or a glow */
.pk-site .pk-wrap { max-width: calc(var(--main-max) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); position: relative; }
.pk-site .pk-wrap--narrow { max-width: calc(var(--prose-max) + 2 * var(--gutter)); }
.pk-site .pk-kick { display: block; margin: 0 0 var(--space-2); font: var(--type-label); color: var(--ink-2); }   /* a kicker is the group label */
.pk-site .pk-hmega { margin: var(--space-1) 0 0; font: var(--type-display); letter-spacing: var(--tr-h, -.01em); color: var(--ink); }
.pk-site .pk-hl { margin: 0; font: var(--type-h1); letter-spacing: var(--tr-h, -.01em); color: inherit; }
.pk-site .pk-hm, .pk-site .pk-hs { margin: 0; font: var(--type-title); color: inherit; }
.pk-site .pk-lede { max-width: var(--prose-max); margin: var(--space-4) 0 0; font: var(--type-prose); color: var(--ink-2); }
.pk-site .pk-small { font: var(--type-meta); color: var(--ink-2); }
.pk-site .pk-sechead { position: relative; display: flex; align-items: end; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-6); }
.pk-site .pk-panel { position: relative; padding: var(--panel-pad); border-radius: var(--r-l); background: var(--surface); }
.pk-site .pk-chip { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--control-sm); padding: 0 var(--space-3); border-radius: var(--r-m);
  background: var(--surface-2); color: var(--ink); font: var(--type-label); text-decoration: none; white-space: nowrap; transition: background-color var(--dur-1) ease-out; }
.pk-site .pk-chip:hover { background: var(--surface-3); }
.pk-site .pk-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.pk-site .pk-mt-s { margin-top: var(--space-3); } .pk-site .pk-mt-m { margin-top: var(--space-6); } .pk-site .pk-mt-l { margin-top: var(--space-10); }
.pk-site .pk-stepn { display: block; font: var(--type-cap); color: var(--ink-2); }   /* a step number is a quiet label (§9.4) */
.pk-site .pk-sticky { padding: var(--panel-pad); border-radius: var(--r-l); background: var(--surface); color: var(--ink); }   /* was the paper sticky note: a panel */
/* the old 3D props (pk-obj): none; the guest accents are .pk-acc / .pk-ghead (§13a, block «guest objects» below) */
.pk-site .pk-obj, .pk-site .pn-wizobj:has(> .pk-obj:only-child) { display: none; }
.pk-site img.pk-verified { display: inline-block; width: var(--icon-m); height: var(--icon-m); vertical-align: -4px; object-fit: contain; }
@media (max-width: 700px) {
  .pk-site .pk-sec { padding: var(--space-8) 0; }
  .pk-site .pk-hl { font: var(--type-title); }
  .pk-site .pk-sechead { flex-wrap: wrap; }
}

/* ---------- /safety-and-trust/ (templates/plastik/safety.php): text, panels and steps on the column ---------- */
.pk-site .pks-hero { display: grid; grid-template-columns: minmax(0, 1fr); }
.pk-site .pks-trustbar { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.pk-site .pks-trustbar li { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--control-sm); padding: 0 var(--space-3); border-radius: var(--r-m);
  background: var(--surface-2); font: var(--type-label); }
.pk-site .pks-18 { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 var(--space-1); border-radius: var(--r-s); background: var(--surface-3); color: var(--ink); font: var(--type-cap); }
.pk-site .pks-toc { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-8); }
.pk-site .pks-qs, .pk-site .pks-faqs { display: grid; gap: var(--stack-gap); }
.pk-site .pks-q { display: grid; grid-template-columns: minmax(0, 1fr); scroll-margin-top: calc(var(--header-h) + var(--space-4)); }
.pk-site .pks-q :is(h2, h3) { margin-bottom: var(--head-gap); }   /* audit fix D-054: an h3 answer head gets the same air */
.pk-site :is(.pks-q, .pks-ebox, .pks-eq, .pks-faq) p { max-width: var(--prose-max); margin: 0 0 var(--space-3); font: var(--type-body); color: var(--ink-2); }
.pk-site .pks-list { display: grid; gap: var(--space-1); max-width: var(--prose-max); margin: var(--space-2) 0 0; padding-left: var(--space-5); font: var(--type-body); color: var(--ink-2); }
.pk-site .pks-list li::marker { color: var(--ink-3); }
.pk-site .pks-list + p { margin-top: var(--space-3); }
.pk-site .pks-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--stack-gap); margin: 0; padding: 0; list-style: none; }
.pk-site .pks-steps li { position: relative; }
.pk-site .pks-steps .pk-stepn { margin-bottom: var(--space-2); }
.pk-site .pks-steps p { margin: var(--space-2) 0 0; font: var(--type-body); color: var(--ink-2); }
.pk-site #escrow { scroll-margin-top: calc(var(--header-h) + var(--space-4)); }   /* outside escrow (owner 03.11.): the anchor clears the header (D-053) */
.pk-site #escrow .pks-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-site .pks-ewhen { display: grid; grid-template-columns: 1.1fr .9fr; gap: var(--stack-gap); }
.pk-site .pks-ebox h3, .pk-site .pks-eq h3 { margin: 0 0 var(--head-gap); }
.pk-site .pks-etime { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.pk-site .pks-etime li { display: grid; grid-template-columns: 112px 1fr; gap: var(--space-3); font: var(--type-body); color: var(--ink-2); }
.pk-site .pks-etime b { color: var(--ink); font-weight: var(--w-strong, 600); }
.pk-site .pks-esub { margin-top: var(--space-12); }
.pk-site .pks-efaq { display: grid; grid-template-columns: 1fr 1fr; gap: var(--stack-gap); }
.pk-site .pks-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); list-style: none; cursor: pointer; }
.pk-site .pks-faq summary::-webkit-details-marker { display: none; }
.pk-site .pks-faq summary::after { content: "+"; flex: none; font: var(--type-title); color: var(--ink-2); }
.pk-site .pks-faq[open] summary::after { content: "–"; }
.pk-site .pks-faq p { margin: var(--space-3) 0 0; }
.pk-site .pks-end { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding: var(--panel-pad); border-radius: var(--r-l); background: var(--surface); }
@media (min-width: 701px) and (max-width: 1023px) { .pk-site .pks-steps, .pk-site #escrow .pks-steps { grid-template-columns: 1fr 1fr; } }   /* D-058 */
@media (max-width: 700px) {
  .pk-site .pks-steps, .pk-site #escrow .pks-steps, .pk-site .pks-ewhen, .pk-site .pks-efaq { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pks-etime li { grid-template-columns: 96px 1fr; }
}

/* ---------- join (lib/plastik.php pnew_plk_join_wrap): the steps as panels, the form, the brand figure beside it ---------- */
.pk-site .pkj-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--stack-gap); max-width: none; margin: 0 0 var(--space-8); padding: 0; list-style: none; }   /* owner 04.11. «Cards oben sind zu kurz»: the full width of the join column, left-aligned with the form */
.pk-site .pkj-step { display: grid; align-content: center; gap: var(--space-1); padding: var(--panel-pad); border-radius: var(--r-l); background: var(--surface); }
.pk-site .pkj-step[aria-current] { background: var(--surface-2); }   /* the step she is on: one tone up, never a pink edge */
.pk-site .pkj-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--space-8); align-items: start; max-width: 1000px; margin: 0 auto; }
.pk-site .pkj-main { min-width: 0; }
.pk-site .pkj-aside { position: relative; }
.pk-site .pkj-char { display: block; width: 100%; height: auto; }
.pk-site .pkj-illu { display: block; margin-top: var(--space-1); font: var(--type-meta); color: var(--ink-3); }
@media (max-width: 760px) {
  .pk-site .pkj-steps { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); margin-bottom: var(--space-6); }
  .pk-site .pkj-step:not([aria-current]) { display: none; }   /* phones: the step she is on; the others follow on their own screens */
  .pk-site .pkj-grid { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pkj-aside { display: none; }
}

/* ---------- small layout fixes of the look's audits that still hold ---------- */
/* G-051: on wide screens the post gallery stays in view while the long info column scrolls */
@media (min-width: 1000px) { .pk-site .pn-cp-gcol { position: sticky; top: calc(var(--header-h) + var(--space-4)); align-self: start; } }
/* G-062: a member name never breaks inside the word */
.pk-site .pn-dtprof h1 { overflow-wrap: normal; word-break: normal; hyphens: none; }
/* owner 02.11. (adult creators): "Premium icon flat und mit bg" — one crown on glass per Premium card; six profiles a row */
.pk-site.pk-r-sellers .pc-scard.is-premium::before {
  content: ""; position: absolute; z-index: 4; top: var(--space-3); right: 56px; width: 36px; height: 36px; border-radius: var(--r-full); pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FF9DB2' d='M2.5 7.2l5 4.3L12 4.5l4.5 7 5-4.3-2.1 11.3H4.6z'/></svg>") center / 20px 20px no-repeat, var(--glass); }
@media (min-width: 1101px) { .pk-site.pk-r-sellers .pn-discgrid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4); } }
/* owner 02.11. ("gequetscht"): the message sheet is one e1 surface, its fields one step up, air between them */
.pk-site dialog.pn-gmdlg { background-color: var(--surface-2); }
.pk-site .pn-gmdlg .pn-gm.is-in-dialog { background: none; border-radius: 0; }
.pk-site .pn-gmdlg .pn-gm__form { gap: var(--space-4); }
.pk-site .pn-gmdlg .pn-gm__text { min-height: 150px; }
/* the direct order wizard (/order/, its own layout): the choice column set apart by its tone; top bar and dock are chrome with the hairline */
.pk-site .pn-do-top, .pk-site .pn-do-dock { border-color: var(--mline); }
@media (min-width: 900px) { .pk-site .pn-do-left, .pk-site .pn-do-left .pn-do-dock { background: var(--surface); border-right: 0; } }
/* Promo studio pick list (members): a listing without looks yet is a compact card in a grid */
@media (min-width: 701px) {
  .pk-site .pn-pst__list { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--space-4); }
  .pk-site .pn-pst__row--pick:has(> .pn-pst__out:empty) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "orig" "act" "prog"; align-content: start; }
  .pk-site .pn-pst__row--pick:has(> .pn-pst__out:not(:empty)), .pk-site .pn-pst__row--pick[data-state="building"] { grid-column: 1 / -1; }
}
.pk-site .pn-pst__row--pick { padding: var(--space-4); border-radius: var(--r-l); background: var(--surface-2); }
.pk-site .pn-pst__orig--pick { flex-direction: column; gap: var(--space-2); }
.pk-site .pn-pst__srcs { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.pk-site .pn-pst__src { width: 64px; height: 64px; }

/* ---------- adult.panty.com 18+ bar (owner 01.11., lib/adult_site.php pnew_adh_bar): a member note bar (§13) ----------
   one row on the column: the label chip (the region's own name), the sentence, the confirm key as a secondary key (no pink:
   the header's «Start selling» is the one pink key); on phones the chip and the key, the sentence stays for screen readers */
.pk-site .pk-adh18 { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-3); margin: 0; padding: var(--space-3) var(--col-pad, var(--gutter));
  background: var(--surface); color: var(--ink-2); font: var(--type-meta); text-align: left; }
.pk-site .pk-adh18::before { content: attr(aria-label); flex: none; display: inline-flex; align-items: center; min-height: 24px; padding: 0 var(--space-2); border-radius: var(--r-s);
  background: var(--surface-2); color: var(--ink); font: var(--type-cap); }
.pk-site .pk-adh18 p { flex: 1 1 auto; min-width: 0; max-width: none; margin: 0; }
.pk-site .pk-adh18 form { flex: none; margin: 0 0 0 auto; }
.pk-site .pk-adh18 .pc-btn { min-height: var(--control-sm); padding: 0 var(--space-3); border-radius: var(--r-m); font: var(--type-label); box-shadow: none; }   /* its colours: guest.css (over the member key layer) */
.pk-site .pk-adh18 .pc-btn::after { content: none; }
.pk-site .pk-adh18--quiet { padding-block: var(--space-2); }   /* UX 200 GST-40: the strict regions' one quiet line */
.pk-site .pk-adh18--quiet::before { content: none; }
@media (max-width: 700px) {
  .pk-site .pk-adh18:not(.pk-adh18--quiet) { padding: var(--space-2) var(--gutter); }
  .pk-site .pk-adh18:not(.pk-adh18--quiet) p { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .pk-site .pk-adh18 form { flex: 1 1 auto; }
  .pk-site .pk-adh18 .pc-btn { width: 100%; min-height: var(--control-md); }
}

/* guest menu hotfix 03.11. (audit NAV-003): a header blur makes the header the containing block of the fixed menu sheet; the
   header carries none at any width (the guest layer's header rule), this keeps it off where the menu folds */
@media (max-width: 960px) { .pk-site .pc-header { backdrop-filter: none; -webkit-backdrop-filter: none; } }

/* ---------- guest objects (owner 03.11.: «Die Objekte … außen wieder einfließen lassen, hier und da»; «warum wurden alle Grafiken
   rausgeschmissen?»; 04.11. safety: «überall freie Flächen»). docs/design-system.md §13a. lib/plastik.php pnew_gobj / pnew_ghead print
   them for guests only; every size is a role: well 56, step 72, mini 96, sec 120, head 200 (phones: the head object 48 in the
   head's corner). Upright, no glow, no shadow beyond the picture's own, never over text. ---------- */
.pk-site.pc-guest .pk-acc { display: block; flex: none; object-fit: contain; pointer-events: none; user-select: none; }
.pk-site.pc-guest .pk-acc--well { width: 56px; height: 56px; }
.pk-site.pc-guest .pk-acc--step { width: 72px; height: 72px; }
.pk-site.pc-guest .pk-acc--mini { width: 96px; height: 96px; }
.pk-site.pc-guest .pk-acc--sec { width: 120px; height: 120px; }
.pk-site.pc-guest .pk-acc--head { width: 200px; height: 200px; }
/* the head visual: a panel on the head's right (over the rail on the editorial pages, on the 1372 edge on the safety page) */
.pk-site.pc-guest .pk-ghead { position: relative; display: grid; place-items: center; align-self: stretch; width: 100%; min-height: 240px; max-height: 440px; overflow: hidden; border-radius: var(--r-l); background: var(--surface); }   /* as tall as the head beside it */
.pk-site.pc-guest .pk-ghead__doll { position: absolute; bottom: 0; left: 16%; width: auto; height: calc(100% - var(--space-4)); }
.pk-site.pc-guest .pk-ghead--doll .pk-ghead__obj { position: absolute; right: var(--space-6); bottom: var(--space-6); }
.pk-site.pc-guest .pk-ghead__obj2 { position: absolute; right: var(--space-6); bottom: var(--space-5); }
.pk-site.pc-guest :is(.pn-gd-hero__wrap, .pks-hero):has(> .pk-ghead) { align-items: center; }
.pk-site.pc-guest .pn-gdx__head:has(> .pk-ghead) { display: grid; grid-template-columns: minmax(0, 1fr) var(--rail-w); column-gap: var(--space-12); align-items: center; }
.pk-site.pc-guest .pn-gdx__head:has(> .pk-ghead) > :not(.pk-ghead) { grid-column: 1; }
.pk-site.pc-guest .pn-gdx__head > .pk-ghead { grid-column: 2; grid-row: 1 / span 6; }
@media (min-width: 1101px) {
  .pk-site.pc-guest .pn-gd .pn-gd-hero__wrap:has(> .pk-ghead) { grid-template-columns: minmax(0, var(--prose-max)) var(--rail-w); justify-content: start; column-gap: var(--space-12); }
  .pk-site.pc-guest .pn-gdx__head:has(> .pk-ghead) { grid-template-columns: minmax(0, 1fr) var(--rail-w); }   /* the guide list runs the full column: the visual on its right edge */
  .pk-site.pc-guest .pks-hero:has(> .pk-ghead) { grid-template-columns: minmax(0, 1fr) 400px; column-gap: var(--space-12); }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .pk-site.pc-guest :is(.pn-gd .pn-gd-hero__wrap, .pn-gdx__head, .pks-hero):has(> .pk-ghead) { grid-template-columns: minmax(0, 1fr) 280px; column-gap: var(--space-8); }
  .pk-site.pc-guest .pk-ghead { min-height: 240px; }
  .pk-site.pc-guest .pk-acc--head { width: 160px; height: 160px; }
}
@media (max-width: 700px) {   /* phones: the main object small in the head's top corner; the figure and the companion stay out, the h1 keeps its place */
  .pk-site.pc-guest :is(.pn-gd-hero__wrap, .pn-gdx__head, .pks-hero):has(> .pk-ghead) { position: relative; }
  .pk-site.pc-guest .pk-ghead { position: absolute; top: 0; right: var(--gutter); width: 48px; height: 48px; min-height: 0; overflow: visible; border-radius: 0; background: none; }
  .pk-site.pc-guest .pks-hero > .pk-ghead { right: 0; }
  .pk-site.pc-guest :is(.pk-ghead__doll, .pk-ghead__obj2) { display: none; }
  .pk-site.pc-guest .pk-ghead .pk-ghead__obj { position: static; width: 48px; height: 48px; }
  .pk-site.pc-guest .pk-acc--sec { width: 88px; height: 88px; }
}

/* the safety page (owner 04.11.: «auch überall freie Flächen»): sections sized to their content, 32 / 24 between them, the
   answers two by two with their object, the steps with theirs, the questions beside their head — no empty column in a row */
.pk-site .pks .pk-sec { padding: var(--space-4) 0; }
.pk-site .pks .pk-sec--hero { padding-top: var(--space-8); }
.pk-site .pks .pk-sechead { margin-bottom: var(--space-5); }
.pk-site.pc-guest .pks-q:has(> .pk-acc) { grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--space-5); align-items: start; }
.pk-site .pks-steps li { display: flex; flex-direction: column; align-items: flex-start; }
.pk-site.pc-guest .pks-steps .pk-acc { margin-bottom: var(--space-3); }
.pk-site .pks-faqgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
.pk-site .pks-faqhead .pk-acc { margin-top: var(--space-5); }
.pk-site .pks-end { align-items: center; }
@media (min-width: 1024px) {
  .pk-site .pks-qs { display: block; columns: 2; column-gap: var(--stack-gap); }   /* two columns of panels, each as tall as its text: no dead panel bottoms */
  .pk-site .pks-qs > .pks-q { break-inside: avoid; margin-bottom: var(--stack-gap); }
  .pk-site .pks-qs > .pks-q:last-child { margin-bottom: 0; }
  .pk-site .pks-faqgrid { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: var(--space-12); align-items: start; }
  .pk-site.pc-guest .pks-end:has(> .pks-end__art) { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (max-width: 700px) {
  .pk-site .pks .pk-sec { padding: var(--space-3) 0; }
  .pk-site .pks .pk-sec--hero { padding-top: var(--space-6); }
  .pk-site.pc-guest .pks-q:has(> .pk-acc) { grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--space-3); }
  .pk-site.pc-guest .pks-q > .pk-acc { width: 56px; height: 56px; }
  .pk-site.pc-guest .pks-steps li:has(> .pk-acc) { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--space-3); }
  .pk-site.pc-guest .pks-steps li > .pk-acc { grid-row: 1 / span 3; width: 56px; height: 56px; margin: 0; }
  .pk-site.pc-guest .pks-end__art { display: none; }
}
/* trust pages (04.11., lib/trust_pages.php: templates/plastik/protect.php, payinfo.php): the safety page's kit, steps in rows of
   3 / 4 (never a hole in a row of 5), a quiet "more" link under a tile */
.pk-site .tpg-steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-site .tpg-steps--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-site .tpg-more { font: var(--type-label); color: var(--ink); text-decoration: none; }
.pk-site .tpg-more:hover { text-decoration: underline; }
.pk-site .tpg-efaq--one { grid-template-columns: minmax(0, 1fr); }   /* one answer (Ships first off): the full row, no hole beside it */
@media (min-width: 701px) and (max-width: 1023px) { .pk-site .tpg-steps--4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) {
  .pk-site .tpg-steps--3, .pk-site .tpg-steps--4 { grid-template-columns: minmax(0, 1fr); }
  .pk-site.pc-guest .tpg .pks-hero:has(> .pk-ghead) .pn-gcrumbs { padding-right: var(--space-12); }   /* three crumbs: never under the head's corner object */
}
/* the guides' step cards (templates/money.php .pc-care): the object in the card's well on the left, the text beside it */
.pk-site.pc-guest .pc-care:has(> .pk-acc) { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--space-4); align-content: start; }
.pk-site.pc-guest .pc-care > .pk-acc { grid-row: 1 / span 3; }
.pk-site.pc-guest .pc-care:has(> .pk-acc) > :not(.pk-acc) { grid-column: 2; }
/* the help center's topic tiles: the object fills the well (no grey square behind it) */
.pk-site.pc-guest .pn-help__cat:has(.pk-acc) { grid-template-columns: 56px minmax(0, 1fr); }
.pk-site.pc-guest .pn-help__ico:has(> .pk-acc) { width: 56px; height: 56px; border-radius: 0; background: none; }
/* the head join box of the lists (partials/join_box.php): one small object in its top corner, the head keeps clear of it */
.pk-site.pc-guest .pn-promo:has(> .pn-promo__obj) { position: relative; }
.pk-site.pc-guest .pn-promo > .pn-promo__obj { position: absolute; top: var(--space-4); right: var(--space-4); }
.pk-site.pc-guest .pn-promo:has(> .pn-promo__obj) > h2 { padding-right: 64px; }

/* ---------- content hero (owner 05.11.: «alle content seiten aussen» as cool as the home hero; lib/chero.php, mockup
   design/plastik/site-mockup/cp-escrow/): the page head's wrap holds .pk-chero as its last child. The scene runs across the
   full width from the top of the head, fades into the ground, and the head's copy sits below it; the phone (an explainer
   video or the live feed) rises into the scene's foot on the right. The selling guide's scene moves (hearts, the neon glow,
   notes popping up on the phone). Less motion asked: everything stands still. Role tokens only. ---------- */
html[data-plk]:has(.pk-chero), .pk-site:has(.pk-chero) { overflow-x: clip; }   /* the full-width scene (100vw counts a scrollbar) never makes the page scroll sideways */
.pk-site.pc-guest section:has(> .pk-chero) { padding-top: 0; }
.pk-site.pc-guest section:has(> * > .pk-chero) { padding-top: 0; }
.pk-site.pc-guest section:has(> * > * > .pk-chero) { padding-top: 0; }
.pk-site.pc-guest *:has(> .pk-chero) {
  --chero-h: clamp(260px, 40vw, 600px);
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-12); row-gap: 0; align-items: start;
  padding-top: calc(var(--chero-h) - var(--space-12)); }
.pk-site.pc-guest *:has(> .pk-chero) > :not(.pk-chero) { grid-column: 1; position: relative; z-index: 1; max-width: 880px; }
/* the head's h1 at the home hero's size: the look's h1 rule (.pn-main h1:not(...):not(...), font shorthand) outranks any wrap
   selector, so the hero head says it once with !important */
html[data-plk] body.pc-root.pc-guest.pk-site *:has(> .pk-chero) h1 { font-size: var(--fs-xl) !important; line-height: 1.02 !important; letter-spacing: -.03em; font-weight: 800 !important; margin-top: var(--space-2); }
.pk-site.pc-guest *:has(> .pk-chero) .pn-gcrumbs { margin-bottom: var(--space-3); }
/* content pass 06.11.: a guide's title is a sentence (up to ~60 characters), one step down from the short page heads (44 / 32) —
   still the page's largest head, above every h2 */
html[data-plk] body.pc-root.pc-guest.pk-site *:has(> .pk-chero) h1#gdH1 { font-size: var(--fs-l) !important; line-height: 1.08 !important; }
.pk-site.pc-guest *:has(> .pk-chero) > .pn-gd-lead { margin-top: var(--space-6); }
/* content pass 06.11.: the seller pricing / social pages (no scene) carry their h1 at the same statement step (44 / 32): the look's
   h1 rule (type-display 30 / 24) left it barely above its own h2 (24) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-sp .pn-sp-h1 { font-size: var(--fs-l) !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.025em; }
.pk-site .pk-chero { grid-column: 2; grid-row: 1; position: static; }   /* one row: the old span left two empty rows of row gap (~100 px) under every hero */
.pk-site .pk-chero__stage { position: absolute; top: 0; left: 50%; width: 100vw; margin: 0 0 0 -50vw; height: var(--chero-h); overflow: hidden; pointer-events: none; z-index: 0; }
.pk-site .pk-chero__stage > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%;
  -webkit-mask-image: linear-gradient(180deg, black 60%, transparent 100%); mask-image: linear-gradient(180deg, black 60%, transparent 100%); }
/* owner 05.11. («das reinschieben mit der tusse immer bei seitenaufruf»): the scene stands still — no camera drift on any page */
/* the phone */
.pk-site .pk-chero__phone { position: relative; z-index: 2; margin-top: -200px; display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
.pk-site .pk-chero__body { position: relative; width: 216px; aspect-ratio: 9 / 16; border-radius: var(--r-l); padding: 7px; background: var(--dk-bg);
  box-shadow: 0 0 0 1.5px var(--accent), var(--shadow-e1); }
.pk-site .pk-chero__body::before { content: ""; position: absolute; inset: -40px; z-index: -1; background: var(--art-glow); pointer-events: none; }
.pk-site .pk-chero__body::after { content: ""; position: absolute; top: 15px; left: 50%; width: 58px; height: 16px; margin-left: -29px; border-radius: var(--r-full); background: var(--dk-bg); z-index: 2; }
.pk-site .pk-chero__body video { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--r-m); background: var(--dk-card); }
.pk-site .pk-chero__snd { position: absolute; right: 14px; bottom: 14px; z-index: 3; border: 0; border-radius: var(--r-full); padding: var(--space-2) var(--space-3);
  font: var(--type-meta); font-weight: 600; background: var(--glass); color: var(--on-dark); cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.pk-site .pk-chero__snd:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.pk-site .pk-chero__cap { font: var(--type-meta); font-weight: 600; color: var(--ink-2); text-align: center; max-width: 240px; }
/* the live feed in the phone: her posts roll by (the list is there twice for a seamless loop) */
.pk-site .pk-chfeed { position: absolute; inset: 7px; overflow: hidden; border-radius: var(--r-m); background: var(--dk-card); color: var(--on-dark); }
.pk-site .pk-chfeed__top { position: absolute; top: 0; left: 0; right: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 36px 14px 10px;
  background: var(--dk-card); font: var(--type-meta); }
.pk-site .pk-chfeed__top b { font: var(--type-title); font-weight: 800; letter-spacing: -.02em; }
.pk-site .pk-chfeed__top b i { display: inline-block; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; background: var(--accent); }
.pk-site .pk-chfeed__top small { color: var(--accent); font-weight: 700; }
.pk-site .pk-chfeed__roll { padding: 74px 10px 0; animation: pk-chfeed-roll 36s linear infinite; }
@keyframes pk-chfeed-roll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.pk-site .pk-chfeed__post { margin: 0 0 14px; }
.pk-site .pk-chfeed__post header { display: flex; align-items: center; gap: 6px; font: var(--type-cap); }
.pk-site .pk-chfeed__post header img, .pk-site .pk-chfeed__post header i { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: none; background: var(--accent-soft); }
.pk-site .pk-chfeed__who { display: grid; min-width: 0; flex: 1 1 auto; }
.pk-site .pk-chfeed__post header b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-site .pk-chfeed__post header small { color: var(--muted-dk); }
.pk-site .pk-chfeed__post header > span:last-child { flex: none; margin-left: auto; padding: 3px 8px; border-radius: var(--r-full); background: var(--accent); color: var(--on-accent); font-weight: 700; font-size: var(--fs-cap); }
.pk-site .pk-chfeed__post p { margin: 6px 0; font: var(--type-meta); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pk-site .pk-chfeed__pic { display: block; aspect-ratio: 4 / 5; border-radius: var(--r-m); overflow: hidden; background: var(--dk-bg); }
.pk-site .pk-chfeed__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* the three notes beside the phone: they pop up one after another */
.pk-site .pk-chnotes { position: absolute; top: 18%; right: calc(100% - 22px); z-index: 3; list-style: none; margin: 0; padding: 0; width: 230px; height: 120px; }
.pk-site .pk-chnotes li { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--r-l);
  background: var(--surface); color: var(--ink); font: var(--type-label); box-shadow: var(--shadow-e1); white-space: nowrap; opacity: 0;
  animation: pk-chnote 12s var(--ease-out, ease-out) infinite; }
.pk-site .pk-chnotes li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); flex: none; }
.pk-site .pk-chnotes li:nth-child(2) { animation-delay: 4s; top: 44px; }
.pk-site .pk-chnotes li:nth-child(3) { animation-delay: 8s; top: 88px; }
@keyframes pk-chnote { 0% { opacity: 0; transform: translateY(10px) scale(.92); } 4%, 26% { opacity: 1; transform: none; } 32%, 100% { opacity: 0; transform: translateY(-6px); } }
/* the selling guide's scene moves: hearts and coins float up, the neon heart breathes */
.pk-site .pk-chero__fx { position: absolute; inset: 0; }
.pk-site .pk-chero__fx::before { content: ""; position: absolute; left: 36%; top: -6%; width: 28%; height: 60%; background: var(--art-glow); animation: pk-chero-neon 4.5s ease-in-out infinite; }
@keyframes pk-chero-neon { 0%, 100% { opacity: .55; } 45% { opacity: 1; } 50% { opacity: .7; } 55% { opacity: 1; } }
.pk-site .pk-chero__fx i { position: absolute; bottom: 8%; width: 46px; height: 46px; background: url(../img/plastik/objects/obj-follow-heart-160.webp?v=f0174b) center / contain no-repeat;
  opacity: 0; filter: var(--fig-shadow); animation: pk-chero-up 9s ease-in infinite; }
.pk-site .pk-chero__fx i:nth-child(1) { left: 12%; animation-delay: 0s; }
.pk-site .pk-chero__fx i:nth-child(2) { left: 24%; animation-delay: 2.2s; width: 34px; height: 34px; background-image: url(../img/plastik/objects/obj-step-coinheart-160.webp?v=f0174b); }
.pk-site .pk-chero__fx i:nth-child(3) { left: 38%; animation-delay: 4.1s; width: 28px; height: 28px; }
.pk-site .pk-chero__fx i:nth-child(4) { left: 55%; animation-delay: 1.3s; width: 38px; height: 38px; background-image: url(../img/plastik/objects/obj-new-sparkle-160.webp?v=f0174b); }
.pk-site .pk-chero__fx i:nth-child(5) { left: 66%; animation-delay: 5.6s; }
.pk-site .pk-chero__fx i:nth-child(6) { left: 79%; animation-delay: 3.4s; width: 32px; height: 32px; background-image: url(../img/plastik/objects/obj-step-coinheart-160.webp?v=f0174b); }
.pk-site .pk-chero__fx i:nth-child(7) { left: 88%; animation-delay: 6.8s; width: 26px; height: 26px; background-image: url(../img/plastik/objects/obj-new-sparkle-160.webp?v=f0174b); }
@keyframes pk-chero-up { 0% { opacity: 0; transform: translateY(0) scale(.7); } 12% { opacity: 1; } 70% { opacity: .9; } 100% { opacity: 0; transform: translateY(-360px) scale(1.05); } }
/* step cards with a character standing out of the card (pnew_chero_fig) */
.pk-site ol:has(> li > .pk-chfig) { margin-top: 112px; row-gap: 124px; }
.pk-site li:has(> .pk-chfig) { position: relative; padding-top: 104px; overflow: visible; }
.pk-site .pk-chfig { position: absolute; left: var(--space-3); top: -104px; height: 200px; width: auto; filter: var(--fig-shadow); pointer-events: none; }
.pk-site li:has(> .pk-chfig) .pk-stepn { position: absolute; right: var(--space-5); top: var(--space-4); font-size: var(--fs-l); font-weight: 800; letter-spacing: -.04em; opacity: .16; margin: 0; }
@media (max-width: 1000px) {
  .pk-site.pc-guest *:has(> .pk-chero.pk-chero--phone) { grid-template-columns: minmax(0, 1fr) 200px; column-gap: var(--space-8); }
  .pk-site .pk-chero__phone { margin-top: -150px; }
  .pk-site .pk-chero__body { width: 200px; }
  .pk-site .pk-chnotes { display: none; }
}
@media (max-width: 700px) {
  .pk-site.pc-guest *:has(> .pk-chero) { --chero-h: 58vw; grid-template-columns: minmax(0, 1fr); padding-top: calc(var(--chero-h) - var(--space-6)); }
  .pk-site.pc-guest *:has(> .pk-chero.pk-chero--phone) { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pk-chero { grid-column: 1; grid-row: auto; }
  .pk-site .pk-chero__phone { margin: var(--space-6) 0 0; }
  .pk-site .pk-chero__body { width: min(250px, 68vw); }
  .pk-site .pk-chfig { height: 150px; top: -78px; }
  .pk-site li:has(> .pk-chfig) { padding-top: 84px; }
  .pk-site ol:has(> li > .pk-chfig) { margin-top: 88px; row-gap: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  .pk-site .pk-chfeed__roll, .pk-site .pk-chero__fx::before { animation: none; }
  .pk-site .pk-chero__fx i { display: none; }
  .pk-site .pk-chnotes li { animation: none; opacity: 1; position: static; margin-bottom: var(--space-2); }
}
.pk-site .pk-chside { position: absolute; right: var(--space-12); top: calc(-1 * var(--space-8)); height: 220px; width: auto; filter: var(--fig-shadow); pointer-events: none; z-index: 0; }
.pk-site .pks-end__art:has(> .pk-chend) { align-self: end; }
.pk-site .pk-chend { display: block; height: 220px; width: auto; margin: calc(-1 * var(--space-12)) 0 calc(-1 * var(--space-6)); filter: var(--fig-shadow); }
@media (max-width: 700px) { .pk-site .pk-chside { height: 120px; right: var(--space-3); top: calc(-1 * var(--space-4)); } .pk-site .pk-chend { height: 150px; margin: 0 auto; } }
/* ---------- safety page, art director pass (owner 05.11. «das ist ne wichtige page … die muss richtig geil»; templates/plastik/
   safety.php .pks--ad, only with the content hero): the two big answers side by side at one height, each with a character
   standing out of its panel; the habits with characters; the seven topics as calm full-width rows — the art on the left, the
   text at reading width, a list in two columns; one pink key at the end, the end panel inside the frame. ---------- */
.pk-site .pks--ad .pks-qs:not(.pks-rows) { display: grid; columns: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--stack-gap); margin-top: var(--space-12); }
.pk-site .pks--ad .pks-qs:not(.pks-rows) > .pks-q { margin: 0; position: relative; grid-template-columns: minmax(0, 1fr); padding-top: calc(var(--space-12) + var(--space-8)); overflow: visible; }
.pk-site .pks--ad .pks-qs:not(.pks-rows) .pks-q__art { position: absolute; right: var(--space-6); top: calc(-1 * var(--space-12) - var(--space-6)); }
.pk-site .pks--ad .pks-qs:not(.pks-rows) .pks-q__fig { display: block; height: 190px; width: auto; filter: var(--fig-shadow); }
.pk-site .pks--ad .pks-qs:not(.pks-rows) .pks-q .pk-hm { font-size: var(--fs-m); line-height: 1.15; letter-spacing: -.02em; max-width: 70%; }
.pk-site .pks--ad .pks-rows { display: grid; columns: auto; gap: var(--space-3); }
.pk-site .pks--ad .pks-rows > .pks-q { margin: 0; display: grid; grid-template-columns: 200px minmax(0, 1fr); column-gap: var(--space-12); align-items: center; padding: var(--space-8) var(--space-12); }
.pk-site .pks--ad .pks-rows > .pks-q:nth-child(even) { background: var(--surface-2); }
.pk-site .pks--ad .pks-rows .pks-q__art { display: flex; justify-content: center; align-items: center; min-height: 160px; }
.pk-site .pks--ad .pks-rows .pks-q__fig { display: block; max-height: 190px; width: auto; max-width: 100%; filter: var(--fig-shadow); }
.pk-site .pks--ad .pks-rows .pks-q__art .pk-acc { width: 144px; height: 144px; }
.pk-site .pks--ad .pks-rows .pks-q .pk-hm { font-size: var(--fs-m); line-height: 1.15; letter-spacing: -.02em; }
.pk-site .pks--ad .pks-rows .pks-list { columns: 2; column-gap: var(--space-8); display: block; max-width: none; }
.pk-site .pks--ad .pks-rows .pks-list li { break-inside: avoid; margin-bottom: var(--space-2); }
.pk-site .pks--ad .pks-rows .pks-q p { max-width: 760px; }
.pk-site .pks--ad .pk-wrap.pks-end { max-width: var(--main-max); width: calc(100% - 2 * var(--gutter)); margin: 0 auto; padding: var(--space-8) var(--space-12); }
@media (max-width: 900px) {
  .pk-site .pks--ad .pks-qs:not(.pks-rows) { grid-template-columns: minmax(0, 1fr); row-gap: calc(var(--space-12) + var(--space-8)); }
  .pk-site .pks--ad .pks-rows > .pks-q { grid-template-columns: minmax(0, 1fr); padding: var(--space-6); row-gap: var(--space-4); }
  .pk-site .pks--ad .pks-rows .pks-q__art { justify-content: flex-start; min-height: 0; }
  .pk-site .pks--ad .pks-rows .pks-q__fig { max-height: 150px; }
  .pk-site .pks--ad .pks-rows .pks-q__art .pk-acc { width: 96px; height: 96px; }
  .pk-site .pks--ad .pks-rows .pks-list { columns: 1; }
  .pk-site .pks--ad .pks-qs:not(.pks-rows) .pks-q__fig { height: 140px; }
  .pk-site .pks--ad .pk-wrap.pks-end { padding: var(--space-6); width: calc(100% - 2 * var(--gutter)); }
}
/* ---------- the seller sign-up, full width and animated (owner 05.11. «/join/seller/ muss auch fullwidth und richtig geil
   animiert sein»; lib/chero.php pnew_chero_join, switch join_hero): the welcome scene over the full height on the left
   (camera drift, the neon breathing, hearts and coins floating up, the live feed's phone and its notes), the steps and the
   untouched form on the right. Phones: the scene as a band above the form. ---------- */
.pk-site .pn-main.pn-join:has(.pkj-x) { max-width: none; width: 100%; margin: 0; padding: 0; }
.pk-site .pkj-x { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "stage role" "stage main"; min-height: calc(100dvh - var(--header-h)); }
.pk-site .pkj-x__stage { grid-area: stage; }
.pk-site .pkj-x__main { grid-area: main; }
/* owner 07.11.: the two big role tiles over the steps — sell (here, pink) / buy (the other form); the form's small switch steps back */
.pk-site .pkj-role { grid-area: role; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); width: 100%; max-width: var(--pkj-col); margin: 0 auto; padding: var(--space-8) var(--space-12) 0; box-sizing: border-box; }
.pk-site .pkj-role__t { position: relative; display: flex; align-items: center; min-height: 112px; padding: var(--space-4) 112px var(--space-4) var(--space-5); border-radius: var(--r-l); background: var(--surface-2); color: var(--ink); text-decoration: none; transition: background-color .2s, transform .2s; }
.pk-site .pkj-role__t:hover { background: var(--surface-3); transform: translateY(-2px); }
.pk-site .pkj-role__t[aria-current] { background: var(--accent); color: var(--on-accent); }
.pk-site .pkj-role__t[aria-current]:hover { transform: none; }
.pk-site .pkj-role__fig { position: absolute; right: var(--space-2); bottom: 0; height: 142px; width: auto; max-width: 110px; object-fit: contain; object-position: 50% 100%; pointer-events: none; filter: drop-shadow(0 8px 14px rgb(0 0 0 / .22)); transition: transform .25s; }
.pk-site .pkj-role__t:hover .pkj-role__fig { transform: translateY(-4px); }
.pk-site .pkj-role__t:not([aria-current]) .pkj-role__fig { filter: drop-shadow(0 8px 14px rgb(0 0 0 / .22)) saturate(.85); }
.pk-site .pkj-role__t span { display: grid; gap: 2px; min-width: 0; }
.pk-site .pkj-role__t b { font-size: var(--fs-m); line-height: 1.1; font-weight: 800; letter-spacing: -.01em; }
.pk-site .pkj-role__t small { font: var(--type-meta); opacity: .8; }
.pk-site .pkj-role__t[aria-current="page"] small { opacity: 1; }   /* n1000 (12.11.): the line on the lit tile was 3.7:1 (axe) */
/* night 1000 handover (design → guest/creator): /join/seller/ and /join/buyer/ between 901 and 1199 px — the split frame leaves
   the role tiles ~200 px wide, so «I'm a / creator» broke under the figure and «Request custom pics» ran to three lines: a
   slimmer figure, less side padding and a 20 px title (the phone and wide layouts are unchanged) */
@media (min-width: 901px) and (max-width: 1199px) {
  .pk-site .pkj-role { padding-left: var(--space-6); padding-right: var(--space-6); gap: var(--space-2); }
  .pk-site .pkj-x__main { padding-left: var(--space-6); padding-right: var(--space-6); }
  .pk-site .pkj-role__t { min-height: 100px; padding: var(--space-3) 70px var(--space-3) var(--space-4); }
  .pk-site .pkj-role__fig { height: 116px; max-width: 70px; right: 0; }
  .pk-site .pkj-role__t b { font-size: 20px; }
}
.pk-site .pkj-x .pn-joinrole { display: none; }
.pk-site .pkj-x__stage { position: sticky; top: var(--header-h); height: calc(100dvh - var(--header-h)); overflow: hidden; background: var(--dk-bg); }
.pk-site .pkj-x__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.pk-site .pkj-x__stage::after { content: ""; position: absolute; inset: auto 0 0 0; height: 40%; background: linear-gradient(180deg, transparent, var(--dk-veil, var(--glass))); pointer-events: none; }
.pk-site .pkj-x .pk-chero__fx { position: absolute; inset: 0; z-index: 1; }
.pk-site .pkj-x .pk-chero__fx::before { left: 22%; top: 4%; width: 56%; height: 40%; }
.pk-site .pkj-x__claim { position: absolute; left: var(--space-8); bottom: var(--space-8); z-index: 2; max-width: 46%; display: grid; gap: var(--space-2); color: var(--on-dark); }
.pk-site .pkj-x__claim b { font-size: var(--fs-l); line-height: 1.05; letter-spacing: -.02em; font-weight: 800; }
.pk-site .pkj-x__claim span { font: var(--type-body); color: var(--on-dark); opacity: .86; }
.pk-site .pkj-x .pk-chero__phone { position: absolute; right: var(--space-8); bottom: var(--space-8); z-index: 2; margin: 0; }
.pk-site .pkj-x .pk-chero__body { width: 190px; }
.pk-site .pkj-x .pk-chero__cap { color: var(--on-dark); opacity: .8; }
.pk-site .pkj-x .pk-chnotes { top: 10%; }
.pk-site .pkj-x__main { display: flex; flex-direction: column; justify-content: center; padding: var(--space-6) var(--space-12) var(--space-16); max-width: var(--pkj-col); width: 100%; margin: 0 auto; box-sizing: border-box; }
/* owner 07.11. «rechte seite das muss auch full width sein, haben wir da unterschiedliche breiten»: tiles, steps, head and form
   share ONE width, the right column less its gutter (was 544 / 544 / 448); a cap only on very wide screens. Google draws its
   button at most 400 wide, it stays centred in the form (pages/join.css). */
.pk-site .pkj-x { --pkj-col: 976px; }
.pk-site .pkj-x .pn-joinpanel { max-width: none; margin: 0; }
.pk-site .pkj-x .pn-joinhead__lede { max-width: none; }
/* owner 07.11. «das reisst ne lücke, dieser question link, mach den weg»: the help line under the frame goes on the framed join pages */
.pk-site .pn-main.pn-join:has(.pkj-x) > .pn-helpline { display: none; }
.pk-site .pkj-x__main .pkj-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin: 0 0 var(--space-8); }
.pk-site .pkj-x__main .pkj-step { padding: var(--space-3) var(--space-4); gap: 0; }
.pk-site .pkj-x__main .pkj-step .pk-obj { display: none; }
.pk-site .pkj-x__main .pkj-step .pk-small { display: none; }
.pk-site .pkj-x__main .pkj-step[aria-current] { background: var(--accent-soft); }
.pk-site .pkj-x__main h1 { font-size: var(--fs-xl) !important; line-height: 1.02 !important; letter-spacing: -.03em; font-weight: 800 !important; }
@media (max-width: 900px) {
  .pk-site .pkj-x { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; grid-template-areas: "role" "stage" "main"; min-height: 0; }
  .pk-site .pkj-role { max-width: none; padding: var(--space-3) var(--gutter); gap: var(--space-2); }
  .pk-site .pkj-role { padding-top: var(--space-6); }
  .pk-site .pkj-role__t { min-height: 84px; padding: var(--space-3) 62px var(--space-3) var(--space-3); }
  .pk-site .pkj-role__fig { height: 104px; max-width: 64px; right: 0; }
  .pk-site .pkj-role__t b { font: var(--type-title); font-weight: 800; }
  .pk-site .pkj-x__stage { position: relative; top: 0; height: 52vw; max-height: 380px; }
  .pk-site .pkj-x__img { object-position: 50% 28%; }
  .pk-site .pkj-x .pk-chero__phone, .pk-site .pkj-x__claim { display: none; }
  .pk-site .pkj-x__main { padding: var(--space-6) var(--gutter) var(--space-12); max-width: none; }
  .pk-site .pkj-x__main .pkj-steps { grid-template-columns: minmax(0, 1fr); margin-bottom: var(--space-4); }   /* phones: the step she is on only (as before), the form stays high */
}
/* owner 05.11. («muss auch volle breite»): under a content hero the page runs in the hero's frame — the lede at reading width,
   a guide's text on the left and its rail at the right edge (no dead band on the right) */
.pk-site.pc-guest *:has(> .pk-chero) :is(.pn-lpm-hero__lede, .pk-lede) { max-width: 720px; }
@media (min-width: 1000px) { .pk-site.pc-guest:has(.pk-chero) .pn-gd .pn-lpm-guide__grid { justify-content: space-between; } }
.pk-site .pk-nfart { width: min(720px, 100%); margin: 0 auto var(--space-6); border-radius: var(--r-l); overflow: hidden; aspect-ratio: 2400 / 1018; }
.pk-site .pk-nfart img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* about page, art director pass (owner 05.11. «about-panty/#about-how sieht noch scheisse aus»; lib/about.php, with the content
   hero): the five steps as cards with a character standing out of each, the operator facts as tiles with an object, the
   five hosts as chips; the page body starts close under the hero */
.pk-site.pc-guest section:has(.pk-chero) + section { padding-top: var(--space-8); }
.pk-site .pc-prose ol.pk-abhow { list-style: none; padding: 0; margin: calc(var(--space-12) + var(--space-12)) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-3); row-gap: calc(var(--space-12) + var(--space-12)); }
.pk-site .pc-prose ol.pk-abhow > li { margin: 0; padding: 104px var(--space-5) var(--space-5); border-radius: var(--r-l); background: var(--surface); font: var(--type-body); color: var(--ink-2); }
.pk-site .pc-prose ol.pk-abhow > li::marker { content: none; }
.pk-site .pc-prose ol.pk-abhow > li::before { content: none; }
.pk-site .pc-prose ol.pk-abhow strong { display: block; margin: 0 0 var(--space-1); font: var(--type-title); font-weight: 800; color: var(--ink); }
.pk-site .pc-prose ol.pk-abhow .pk-chfig { height: 190px; top: -96px; }
.pk-site .pk-abhow__n { position: absolute; right: var(--space-4); top: var(--space-3); font-size: var(--fs-l); font-weight: 800; letter-spacing: -.04em; color: var(--ink); opacity: .14; }
.pk-site .pc-prose ul.pk-abfacts { list-style: none; padding: 0; margin: var(--space-5) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.pk-site .pc-prose ul.pk-abfacts > li { margin: 0; display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: var(--space-4); align-items: start; padding: var(--space-5); border-radius: var(--r-l); background: var(--surface); font: var(--type-body); color: var(--ink-2); }
.pk-site .pc-prose ul.pk-abfacts > li::marker { content: none; }
.pk-site .pc-prose ul.pk-abfacts > li > .pk-acc { grid-row: 1 / span 2; width: 56px; height: 56px; }
.pk-site .pc-prose ul.pk-abfacts strong { display: block; font: var(--type-title); font-weight: 800; color: var(--ink); }
.pk-site .pc-prose ul.pk-abhosts { list-style: none; padding: 0; margin: var(--space-4) 0 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.pk-site .pc-prose ul.pk-abhosts > li { margin: 0; }
.pk-site .pc-prose ul.pk-abhosts > li::marker { content: none; }
.pk-site .pc-prose ul.pk-abhosts a { display: grid; gap: 2px; padding: var(--space-3) var(--space-4); border-radius: var(--r-m); background: var(--surface); text-decoration: none; color: var(--ink); }
.pk-site .pc-prose ul.pk-abhosts a b { font: var(--type-label); font-weight: 700; }
.pk-site .pc-prose ul.pk-abhosts a span { font: var(--type-meta); color: var(--ink-2); }
.pk-site .pc-prose ul.pk-abhosts a:hover { background: var(--surface-2); }
@media (max-width: 900px) {
  .pk-site .pc-prose ol.pk-abhow { grid-template-columns: minmax(0, 1fr); row-gap: calc(var(--space-12) + var(--space-8)); }
  .pk-site .pc-prose ol.pk-abhow .pk-chfig { height: 150px; top: -72px; }
  .pk-site .pc-prose ol.pk-abhow > li { padding-top: 88px; }
  .pk-site .pc-prose ul.pk-abfacts { grid-template-columns: minmax(0, 1fr); }
}
/* legal notice, art director pass (owner 05.11.): the operator and the contact as two cards above the text */
.pk-site .pc-prose .pk-impcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0 0 var(--space-8); }
.pk-site .pc-prose .pk-impcard { padding: var(--space-6); border-radius: var(--r-l); background: var(--surface); }
.pk-site .pc-prose .pk-impcard h2 { margin-top: 0; font: var(--type-label); color: var(--ink-2); text-transform: none; }
.pk-site .pc-prose .pk-impcard p { margin: 0 0 var(--space-2); }
.pk-site .pc-prose .pk-impcard p:first-of-type { font: var(--type-title); color: var(--ink); }
@media (max-width: 700px) { .pk-site .pc-prose .pk-impcards { grid-template-columns: minmax(0, 1fr); } }
.pk-site .pc-prose :is(ul.pk-abfacts, ul.pk-abhosts) > li::before { content: none; display: none; }
.pk-site .pc-prose :is(ul.pk-abfacts, ul.pk-abhosts) > li { padding-left: var(--space-5); }
.pk-site .pc-prose ul.pk-abhosts > li { padding-left: 0; }
/* selling guide, art director pass (owner 06.11. «die seite … muss richtig ballern»; templates/plastik/guide_sell_ad.php, with
   the content hero): the live strip of real posts, big statement heads, six habit tiles, the interest ladder, the 2009 quote,
   three term cards with a character each, one end panel. Tokens only; no band, sections part by air. */
.pk-site .pk-gsx .pk-sec { padding: var(--space-16) 0 0; }
.pk-site .pk-gsx > .pk-sec:last-child { padding-bottom: var(--space-16); }
.pk-site .pk-gsx-big { margin: 0; font: var(--type-title); font-size: var(--fs-l); line-height: 1.04; font-weight: 800; letter-spacing: -.03em; color: var(--ink); max-width: 18ch; }
.pk-site .pk-gsx .pk-lede { max-width: 620px; }
.pk-site .pk-gsx-n { position: absolute; right: var(--space-6); top: var(--space-5); font-size: var(--fs-l); font-weight: 800; letter-spacing: -.04em; color: var(--ink); opacity: .12; }
/* 1 the live strip: an endless slow row, paused on hover, still for less motion */
.pk-site .pk-gsx-live { padding-top: var(--space-10); }
.pk-site .pk-strip { display: flex; gap: var(--space-3); overflow: hidden; padding: var(--space-2) 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent); mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent); }
.pk-site .pk-strip__roll { flex: none; display: flex; gap: var(--space-3); margin: 0; padding: 0; list-style: none; animation: pk-strip-roll 70s linear infinite; }
.pk-site .pk-strip:hover .pk-strip__roll { animation-play-state: paused; }
@keyframes pk-strip-roll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--space-3))); } }
.pk-site .pk-strip__roll > li { flex: none; width: 232px; }
.pk-site .pk-strip__post { display: grid; gap: var(--space-2); padding: var(--space-2) var(--space-2) var(--space-4); border-radius: var(--r-l); background: var(--surface); color: var(--ink); text-decoration: none; }
.pk-site .pk-strip__pic { display: block; aspect-ratio: 4 / 5; border-radius: var(--r-m); overflow: hidden; background: var(--surface-2); }
.pk-site .pk-strip__pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-2, .3s) ease-out; }
.pk-site a.pk-strip__post:hover .pk-strip__pic img { transform: scale(1.04); }
.pk-site .pk-strip__who { display: flex; align-items: center; gap: var(--space-2); padding: 0 var(--space-2); }
.pk-site .pk-strip__who img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: none; }
.pk-site .pk-strip__who > span { display: grid; min-width: 0; }
.pk-site .pk-strip__who b { font: var(--type-label); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-site .pk-strip__who small { font: var(--type-meta); color: var(--ink-2); }
.pk-site .pk-strip__t { padding: 0 var(--space-2); font: var(--type-body); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .pk-site .pk-strip { overflow-x: auto; }
  .pk-site .pk-strip__roll { animation: none; }
  .pk-site .pk-strip__roll[aria-hidden] { display: none; }
}
/* 2 the statement */
.pk-site .pk-gsx-state { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-12); align-items: center; }
.pk-site .pk-gsx-state__t { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-6); align-items: end; }
.pk-site .pk-gsx-state__t .pk-lede { margin: 0; font: var(--type-title); font-size: var(--fs-section); line-height: 1.45; font-weight: 500; color: var(--ink); }
.pk-site .pk-gsx-state__fig { display: block; height: 300px; width: auto; filter: var(--fig-shadow); }
/* 3 the habit tiles */
.pk-site .pk-gsx-tips { list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-gsx-tips > li { padding: var(--space-8); display: grid; align-content: start; gap: var(--space-2); }
.pk-site .pk-gsx-tips__obj { width: 120px; height: 120px; margin: calc(-1 * var(--space-4)) 0 var(--space-2) calc(-1 * var(--space-3)); }
.pk-site .pk-gsx-tips h3 { font-weight: 800; }
.pk-site .pk-gsx-tips p { margin: 0; font: var(--type-body); color: var(--ink-2); }
/* 4 the interest ladder + the quote */
.pk-site .pk-gsx-intent { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-12); align-items: center; }
.pk-site .pk-gsx-ladder { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); justify-items: end; counter-reset: gsx; }
.pk-site .pk-gsx-ladder > li { box-sizing: border-box; display: grid; gap: 2px; padding: var(--space-5) var(--space-6); border-radius: var(--r-l); background: var(--surface); color: var(--ink); }
.pk-site .pk-gsx-ladder > li:nth-child(1) { width: 100%; }
.pk-site .pk-gsx-ladder > li:nth-child(2) { width: 84%; }
.pk-site .pk-gsx-ladder > li:nth-child(3) { width: 68%; }
.pk-site .pk-gsx-ladder > li:nth-child(4) { width: 52%; background: var(--accent); color: var(--on-accent); }
.pk-site .pk-gsx-ladder b { font: var(--type-title); font-weight: 800; }
.pk-site .pk-gsx-ladder span { font: var(--type-body); opacity: .8; }
.pk-site .pk-gsx-quote { position: relative; margin: var(--space-16) 0 0; padding: var(--space-12) var(--space-12) var(--space-12) 300px; min-height: 220px; }
.pk-site .pk-gsx-quote__fig { position: absolute; left: var(--space-8); bottom: 0; height: 320px; width: auto; filter: var(--fig-shadow); }
.pk-site .pk-gsx-quote blockquote { margin: var(--space-2) 0 0; }
.pk-site .pk-gsx-quote blockquote p { margin: 0; font: var(--type-title); font-size: var(--fs-l); line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: var(--ink); max-width: 40ch; }
.pk-site .pk-gsx-quote blockquote p::before { content: "\201C"; color: var(--accent); }
.pk-site .pk-gsx-quote blockquote p::after { content: "\201D"; color: var(--accent); }
/* 5 the term cards: a character standing out of each */
.pk-site .pk-gsx-terms { list-style: none; margin: 136px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-gsx-terms > li { padding: 112px var(--space-8) var(--space-8); }
.pk-site .pk-gsx-terms h3 { font-weight: 800; }
.pk-site .pk-gsx-terms p { margin: var(--space-2) 0 0; font: var(--type-body); color: var(--ink-2); }
.pk-site .pk-gsx-terms .pk-chfig { height: 220px; top: -120px; left: var(--space-6); }
/* 6 the end */
.pk-site .pk-gsx-end { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-8); align-items: end; padding: var(--space-12); overflow: visible; }
.pk-site .pk-gsx-end__fig { display: block; height: 360px; width: auto; margin: calc(-1 * var(--space-16)) 0 calc(-1 * var(--space-12)); filter: var(--fig-shadow); }
.pk-site .pk-gsx-end .pk-chip { background: var(--surface-2); }
@media (max-width: 1000px) {
  .pk-site .pk-gsx-state, .pk-site .pk-gsx-intent { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .pk-site .pk-gsx-tips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-site .pk-gsx-terms { grid-template-columns: minmax(0, 1fr); row-gap: 136px; }
  .pk-site .pk-gsx-ladder { justify-items: start; }
}
@media (max-width: 700px) {
  .pk-site .pk-gsx .pk-sec { padding-top: var(--space-12); }
  .pk-site .pk-gsx-tips { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pk-gsx-tips > li { padding: var(--space-6); }
  .pk-site .pk-gsx-state__fig { height: 200px; }
  .pk-site .pk-strip__roll > li { width: 180px; }
  .pk-site .pk-gsx-ladder > li { width: 100% !important; }
  .pk-site .pk-gsx-quote { padding: 200px var(--space-6) var(--space-6); }
  .pk-site .pk-gsx-quote blockquote p { font-size: var(--fs-section); line-height: 1.35; }
  .pk-site .pk-gsx-big { font-size: var(--fs-m); }
  .pk-site .pk-gsx-quote__fig { top: calc(-1 * var(--space-8)); bottom: auto; height: 220px; left: var(--space-4); }
  .pk-site .pk-gsx-terms .pk-chfig { height: 170px; top: -96px; }
  .pk-site .pk-gsx-terms > li { padding: 88px var(--space-6) var(--space-6); }
  .pk-site .pk-gsx-end { grid-template-columns: minmax(0, 1fr); padding: var(--space-6); }
  .pk-site .pk-gsx-end__fig { height: 240px; margin: 0 auto calc(-1 * var(--space-6)); }
}
/* about, art director pass 2 (owner 06.11. «about-panty/#about-how seite sieht scheisse»; templates/plastik/about_ad.php): the
   selling guide's blocks (pk-gsx) plus the fact tiles, five steps in one row, safety cards, Premium beside a character, host chips */
.pk-site .pk-abx-what { display: grid; gap: var(--space-4); }
.pk-site .pk-abx .pk-gsx-state { align-items: start; }
.pk-site .pk-abx-safe__list > li > div > p:only-child { font-weight: 600; color: var(--ink); }
.pk-site .pk-abx-what__lead { margin: 0; font: var(--type-title); font-size: var(--fs-section); line-height: 1.45; font-weight: 500; color: var(--ink); max-width: 640px; }
.pk-site .pk-abx .pk-abx-what .pk-lede { margin: 0; }
.pk-site .pk-abx-facts { list-style: none; margin: var(--space-6) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-abx-facts > li { padding: var(--space-6); display: grid; align-content: start; gap: var(--space-2); }
.pk-site .pk-abx-facts:has(> li:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }   /* night 1000 guest: feet has three facts (no founding year), four columns left an empty quarter */
.pk-site .pk-abx-facts__obj { width: 120px; height: 120px; margin: calc(-1 * var(--space-4)) 0 0 calc(-1 * var(--space-3)); }
.pk-site .pk-abx :is(.pk-abx-facts, .pk-abx-steps, .pk-abx-safe__list) h3 { font-weight: 800; }
.pk-site .pk-abx :is(.pk-abx-facts, .pk-abx-steps, .pk-abx-safe__list) p { margin: 0; font: var(--type-body); color: var(--ink-2); }
.pk-site .pk-abx-steps { list-style: none; margin: 136px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-abx-steps > li { padding: 112px var(--space-5) var(--space-6); display: grid; align-content: start; gap: var(--space-2); }
.pk-site .pk-abx-steps .pk-chfig { height: 210px; top: -116px; left: var(--space-3); }
.pk-site .pk-abx-steps .pk-gsx-n { right: var(--space-4); top: var(--space-4); }
.pk-site .pk-abx-safe { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-12); align-items: start; }
.pk-site .pk-abx-safe .pk-lede p { margin: 0; }
.pk-site .pk-abx-safe__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-abx-safe__list > li { padding: var(--space-6); display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.pk-site .pk-abx-safe__obj { width: 56px; height: 56px; }
.pk-site .pk-abx-safe__list > li > div { display: grid; gap: var(--space-2); }
.pk-site .pk-abx-prem { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.pk-site .pk-abx-prem__fig { display: block; height: 340px; width: auto; margin: calc(-1 * var(--space-16)) 0 calc(-1 * var(--space-12)); filter: var(--fig-shadow); }
.pk-site .pk-abx-hosts { list-style: none; margin: var(--space-4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-abx-hosts a { display: grid; gap: var(--space-1); padding: var(--space-6); color: var(--ink); text-decoration: none; transition: background-color var(--dur-1) ease-out; }
.pk-site .pk-abx-hosts a:hover { background: var(--surface-2); }
.pk-site .pk-abx-hosts b { font: var(--type-title); font-weight: 800; }
.pk-site .pk-abx-hosts span { font: var(--type-meta); color: var(--ink-2); }
.pk-site .pk-abx .pk-gsx-end .pk-lede a, .pk-site .pk-abx-safe .pk-lede a { color: var(--ink); font-weight: 600; }
@media (max-width: 1100px) {
  .pk-site .pk-abx-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 136px; }
  .pk-site .pk-abx-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-site .pk-abx-safe { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .pk-site .pk-abx-hosts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .pk-site .pk-abx-steps { grid-template-columns: minmax(0, 1fr); row-gap: 112px; margin-top: 112px; }
  .pk-site .pk-abx-steps .pk-chfig { height: 160px; top: -88px; }
  .pk-site .pk-abx-steps > li { padding-top: 84px; }
  .pk-site .pk-abx-facts, .pk-site .pk-abx-facts:has(> li:nth-child(3):last-child), .pk-site .pk-abx-safe__list { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pk-abx-hosts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-site .pk-abx-prem { grid-template-columns: minmax(0, 1fr); }
  .pk-site .pk-abx-prem__fig { height: 220px; margin: calc(-1 * var(--space-12)) 0 0; }
}
/* selling guide 2 (owner 06.11. «unsere main kw … alles liefern was ai google oder crawler haben wollen» + «interne stats»):
   our own figures as big numbers, the four steps in one row, the byline under the lede */
.pk-site .pk-gsx-by { margin-top: var(--space-3); }
.pk-site .pk-gsx-nums { margin: var(--space-6) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--stack-gap); }
.pk-site .pk-gsx-nums > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: var(--space-1); padding: var(--space-8); }
.pk-site .pk-gsx-nums dd { margin: 0; font: var(--type-title); font-size: var(--fs-xl); line-height: 1; font-weight: 800; letter-spacing: -.04em; color: var(--ink); }
.pk-site .pk-gsx-nums dt { font: var(--type-body); color: var(--ink-2); }
html[data-plk] body.pk-site .pk-gsx .pk-gsx-nums > div.pk-panel.pk-gsx-nums--pink { background: var(--accent); }
.pk-site .pk-gsx-nums > .pk-gsx-nums--pink :is(dd, dt) { color: var(--on-accent); }
.pk-site .pk-abx-steps.pk-gsx-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-site .pk-gsx .pk-abx-steps p { margin: 0; font: var(--type-body); color: var(--ink-2); }
.pk-site .pk-gsx .pk-abx-steps h3 { font-weight: 800; }
@media (max-width: 1100px) { .pk-site .pk-abx-steps.pk-gsx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .pk-site .pk-gsx-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pk-site .pk-gsx-nums > div { padding: var(--space-5); }
  .pk-site .pk-gsx-nums dd { font-size: var(--fs-m); }
  .pk-site .pk-abx-steps.pk-gsx-steps { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- content pages, one rhythm (art director pass 06.11., owner: «über diese ganzen Guides-Seiten usw. glitzen und
   Inkonsistenzen, beschissene Abstände, freie Flächen etc. finden»). Every outside content page in the editorial frame (.pn-gd:
   guides + their index, help, FAQ, about, house rules, legal, imprint, contact / report forms, the interviews) and the safety
   kit (.pks: safety, payments and escrow, how we protect members) keeps the same three steps: the head's last line → the first
   block 48 (phone 32), a section → the next section 64 (phone 48), the last block → the footer 64 (phone 48). Measured before:
   77–112 under the head, 89 under a guide's short answer, 94–105 before a guide's questions, 11–117 above the footer (phone up
   to 336). One width per role: reading text and FAQ lists on the 720 measure, the side column 360 flush with its column's top.
   Whole-pixel heads (the hero clamp gave 40.56 on phones). Tap targets 44 on phones. Spacing tokens only. ---------- */
.pk-site.pc-guest :is(.pn-gd, .pks) { --cp-head: var(--space-12); --cp-sec: var(--space-16); --cp-end: var(--space-16); }
@media (max-width: 700px) { .pk-site.pc-guest :is(.pn-gd, .pks) { --cp-head: var(--space-8); --cp-sec: var(--space-12); --cp-end: var(--space-12); } }
/* the head: its last line carries no air of its own; the first section below it opens with --cp-head */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-hero__copy { padding-bottom: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-hero__copy > :last-child,
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gdx__head > :not(.pk-chero):last-of-type { margin-bottom: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gdx__head { padding-bottom: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > .pn-gd-hero + section { padding-top: var(--cp-head); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > .pn-gd-hero + .pk-gsx > .pk-sec:first-child { padding-top: var(--cp-head); }
/* a guide's short answer: under the byline at one step, on the reading measure (it ran 880 beside a 720 text column) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-hero__wrap > .pn-gd-lead { max-width: var(--prose-max); margin: var(--space-8) 0 0; }
@media (max-width: 700px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-hero__wrap > .pn-gd-lead { margin-top: var(--space-6); } }
/* section → section: the guide's text → its questions (the text band kept 88 + the dock under it) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > .pn-gd-main:not(:last-child) { padding-bottom: var(--cp-sec); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > .pn-gd-faq { padding-top: 0; }
/* the last block → the footer */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > section:last-child:not(.pn-tp-band),
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd:not(.pn-mpg) > .pk-gsx > .pk-sec:last-child,
html[data-plk] body.pc-root.pc-guest.pk-site .pks > .pk-sec:last-child { padding-bottom: var(--cp-end); }
/* widths: the FAQ list on the column's 720 (it stopped at 640 under a 720 lede); the side column starts at the text's top when
   there is no "On this page" above it (FAQ, contact, the interviews: it sat 18 lower) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-lg-faq { max-width: var(--prose-max); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-lg-faq details { max-width: none; }
@media (min-width: 1101px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-lpm-guide__grid:not(:has(> .pc-toc)) > .pn-gd-rail { grid-row: 1 / span 2; }
  .pk-site.pc-guest .pn-help__split { grid-template-columns: minmax(0, 1fr) var(--rail-w); }   /* the help topic's rail: the 360 of every other side column (was 300) */
}
/* heads: the hero h1 in whole pixels on phones (tokens.css --fs-xl 40, was the clamp's 40.56); a title that is a sentence (a guide, an interview, a story) one step
   down (44 / 32), as the guides already were — a four-line 58 px interview title pushed its text a screen down */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-lg--editorial *:has(> .pk-chero) h1 { font-size: var(--fs-l) !important; line-height: 1.08 !important; }
/* the guide index rows on the type scale (titles were 19, the lead's line 22.5) */
.pk-site.pc-guest .pn-gdx .pn-gdx__h { font: var(--type-title); }
.pk-site.pc-guest .pn-gdx .pn-gdx__p { font: var(--type-body); }
/* the guide index head: the explainer phone beside the head spans all of its rows — it held the first row (the crumbs) open, so
   the kicker, the h1 and the lede started under the phone, ~190 px of empty ground below the scene */
@media (min-width: 701px) {
  .pk-site.pc-guest .pn-gdx__head:has(> .pk-chero--phone) { grid-template-rows: repeat(6, auto) 1fr; }
  .pk-site.pc-guest .pn-gdx__head > .pk-chero--phone { grid-row: 1 / -1; align-self: start; }
}
/* phones: every tap target 44 (the TOC rows were 36, the safety and protect questions 24, the scene's sound key 34) */
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pc-toc li a { min-height: var(--tap); padding-block: var(--space-2); align-items: center; }
  .pk-site.pc-guest .pks-faq summary { min-height: var(--tap); }
  .pk-site.pc-guest .pk-chero__snd::after { content: ""; position: absolute; inset: calc(-1 * var(--space-1)) calc(-1 * var(--space-1)); }
  .pk-site.pc-guest .pn-gcrumbs .pn-crumbs a { min-height: var(--tap); }
  /* about: five language tiles in two columns left Português alone; it takes the row. The closing character stood alone under
     the chips in an empty block: phones show the panel's text only */
  .pk-site.pc-guest .pk-abx-hosts > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .pk-site.pc-guest .pk-abx .pk-gsx-end__fig { display: none; }
}
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd :is(.pn-gd-faq, .pn-lg-faq) details:last-child { margin-bottom: 0; }   /* the last question closes the block on the step, not 8 under it */
/* the legal notice's two cards: each as tall as its own text (the operator card stretched to the contact card's height), their
   heads the quiet label they were meant to be (the prose h2 step won on phones), and the text below them on the body's own
   step (the cards' 32 margin added to the h2's 32: 80 of air) */
.pk-site.pc-guest .pc-prose .pk-impcards { align-items: start; margin-bottom: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-body .pk-impcard h2 { margin: 0 0 var(--space-2); font: var(--type-label); color: var(--ink-2); }
/* a guide's short answer reads in ink in both themes (light had it in the quiet ink-2, dark in ink) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd .pn-gd-lead .pn-gd-lead__a { color: var(--ink); }
/* adult topic pages (templates/topic.php): eight posts in rows of four from 1280 (five a row left three cards and two empty cells
   under them), and the questions open with the +/− of every other FAQ outside (they showed the browser's ▸ triangle) */
@media (min-width: 1280px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-tp .pn-tp-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pk-site.pc-guest .pn-tp-faq summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: var(--tap); list-style: none; }
.pk-site.pc-guest .pn-tp-faq summary::-webkit-details-marker { display: none; }
.pk-site.pc-guest .pn-tp-faq summary::after { content: "+"; flex: none; font: var(--type-title); color: var(--ink-2); }
.pk-site.pc-guest .pn-tp-faq details[open] summary::after { content: "–"; }
/* the closing panel of payments and escrow / how we protect members: inside the 1372 frame like the safety page's (its panel
   colour filled the wrap's full 1436, edge to edge, with the text indented by the gutter) */
.pk-site.pc-guest .tpg .pk-wrap.pks-end { max-width: var(--main-max); width: calc(100% - 2 * var(--gutter)); margin: 0 auto; padding: var(--space-8) var(--space-12); }
@media (max-width: 900px) { .pk-site.pc-guest .tpg .pk-wrap.pks-end { padding: var(--space-6); } }
/* PM 500 kaeufer join (08.11., KF-024): on a phone the buyer's form came after the scene (52vw picture) — 4.4 % of the views of
   /join/buyer/ sent the form. Phones: the two role tiles, then the steps and the form, the scene under them. The seller page
   keeps its order; the feed phone (its pictures lazy) stays hidden on phones as before. */
@media (max-width: 900px) {
  .pk-site .pkj-x:has(.pkj-role__t--buy[aria-current]) { grid-template-areas: "role" "main" "stage"; }
}

/* PM 500 aussen-seo helper A (08.11.), AS-077: on phones the adult 18+ question is a small floating pill (lib/adult_site.php
   pnew_adh_bar, .pk-adh18--pill) instead of a row that pushes every post down; above the sticky key bar where a page has one.
   Desktop keeps the note row. The sentence stays for screen readers (the phone rule above), the label chip steps aside. */
@media (max-width: 700px) {
  .pk-site .pk-adh18.pk-adh18--pill { position: fixed; left: 50%; bottom: calc(var(--space-4) + env(safe-area-inset-bottom)); z-index: var(--z-bar);
    width: auto; max-width: calc(100% - 2 * var(--gutter)); margin: 0; padding: var(--space-1); border-radius: var(--r-full); background: var(--surface);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .28); transform: translateX(-50%); }
  .pk-site .pk-adh18.pk-adh18--pill::before { content: none; }
  .pk-site .pk-adh18.pk-adh18--pill form { margin: 0; }
  .pk-site .pk-adh18.pk-adh18--pill .pc-btn { border-radius: var(--r-full); white-space: nowrap; }
  .pk-site:has(.pn-cp-bar, .pn-dtbar) .pk-adh18.pk-adh18--pill { bottom: calc(88px + env(safe-area-inset-bottom)); }
}

/* PM 500 aussen-seo lead (08.11., AS-074): the guest theme toggle is a <button>; the menu row keeps the look of the old link */
.pk-site button.pc-burger__theme{border:0;background:none;font:inherit;color:inherit;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:start}

/* guests = the member area (owner 03.11.): the member layer re-scoped to body.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) (tools/css_plastik.php pnew_plkcss_guest_build) */
html[data-plk] body.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--fs-m: 24px; --fs-section: 18px; --fs-subhead: 15px; --btn-fs: 15px; --btn-sm-fs: 13px;
  --fs-h1: var(--fs-m); --lh-head: 1.25; --lh-sub: 1.2; --tr-h: -.01em; --tr-head: 0em; --tr-btn: 0em;
  
  --fs-tile: 24px; --fs-price-l: 24px;                                                  
  --fs-num: 18px; --fs-price-m: 18px; --fs-plan: 18px; --fs-empty: 18px;   
  --fs-price-card: 15px; --fs-sub-s: 15px;                            
  
  --badge-font: 600 12px/16px var(--font-label); --badge-tr: 0em;}
html[data-plk]:is([lang="es"],[lang="fr"],[lang="it"],[lang="pt"]) body.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--lh-head: 1.3; --lh-sub: 1.24}
html[data-plk][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--app-head-bg: radial-gradient(24% 300px at 66% 0%, #2A2630 0%, #1D2328 40%, #141823 100%);}
html[data-plk][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--md-bg: #101114; --md-header: #0B0C0E; --md-card: #1B1D22; --md-input: #26282E; --md-hover: #303239;
  --md-ink: #F5F5F7; --md-ink-2: #A2A4AD; --md-ink-3: #8E919B; --md-glyph-off: #777A84;   
  --md-on-pink: #101114; --md-pink-soft: rgb(255 157 178 / .12);
  --md-glass: rgb(11 12 14 / .5); --md-line: transparent;   
  
  --canvas: var(--md-bg); --bg: var(--md-bg); --app-ground: var(--md-bg); --app-head-bg: var(--md-header);
  --chrome: var(--md-header); --surface: var(--md-card); --surface-2: var(--md-input); --surface-3: var(--md-hover);
  --ink: var(--md-ink); --ink-2: var(--md-ink-2); --ink-3: var(--md-ink-3); --glyph-off: var(--md-glyph-off);
  --on-accent: var(--md-on-pink); --accent-soft: var(--md-pink-soft); --focus-ring: var(--accent);
  --on-chrome: var(--ink); --on-chrome-2: var(--ink-2);   
  --success: #2FD27A; --danger: #FF8A7A; --warning: #F2B84B; --online: var(--success); --live: var(--success);
  --on-success: var(--md-on-pink); --on-danger: var(--md-on-pink);
  --glass: var(--md-glass); --scrim: rgb(5 5 7 / .66); --shadow-e1: 0 16px 48px rgb(0 0 0 / .5);
  --line: var(--md-line); --line-2: var(--md-line); --oxblood: var(--md-line);
  
  --md-white: var(--md-ink); --md-meta: var(--md-ink-2); --md-sep: var(--md-hover); --md-row-line: var(--md-line);
  --md-pink-line: var(--accent);   
  --md-shadow: none; --md-shadow-hover: none; --md-ease: var(--dur-1) ease-out;   
  --md-r-card: var(--r-l); --md-r-media: var(--r-m);   
  --anthracite: var(--md-on-pink);   
  --sunken: var(--surface-2); --field: var(--surface-2); --field-in: var(--surface-2);   
  --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --bubble-in: var(--surface-2);
  --chrome-2: var(--surface); --prem-bg: var(--chrome);
  --chrome-well: var(--surface-2); --chrome-well-hover: var(--surface-3);
  --btn-ink: var(--surface-2); --on-btn-ink: var(--ink); --btn-ink-edge: var(--md-line); --btn-ink-hover: var(--surface-3); --btn-ink-hover-fx: none;
  --btn-line-bg: var(--surface-2); --btn-line-edge: var(--md-line);
  --dk-bg: var(--chrome); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2);
  
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3); --t-sel: var(--surface-3); --on-t-sel: var(--ink);
  
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);   
  --seg-on: var(--surface-3); --on-seg-on: var(--ink);
  --check-on: var(--accent); --on-check-on: var(--on-accent);
  --switch-off: var(--surface-3); --switch-knob: var(--ink-2); --switch-knob-sh: none; --switch-on: var(--ink-3); --switch-knob-on: var(--ink);   
  --glass-key: var(--glass); --glass-key-ink: var(--ink); --glass-key-hover: var(--scard-glass-hover);   
  --tile-num: var(--ink);   
  --toast-bg: var(--surface-2); --toast-r: var(--r-l);   
  --white: var(--ink);   
  --t-mute: var(--surface-3);
  
  --t-over: var(--surface-2); --t-over-2: var(--surface-3); --t-over-3: var(--surface-3);
  --t-field-edge: var(--md-line); --t-field-edge-over: var(--md-line);
  --sh-float: var(--shadow-e1); --sh-sheet: var(--shadow-e1); --sh-card: none; --sh-card-hover: none;
  --ph-media: var(--surface-2); --ph-media-2: var(--surface-2); --ph-text: var(--ink-2);
  
  --scard-shade: linear-gradient(180deg, rgb(11 12 14 / .12) 0%, rgb(11 12 14 / 0) 18%, rgb(11 12 14 / 0) 60%, rgb(11 12 14 / .14) 100%);
  --scard-cap-shade: linear-gradient(180deg, rgb(11 12 14 / 0) 0%, rgb(11 12 14 / .28) 30%, rgb(11 12 14 / .62) 62%, rgb(11 12 14 / .86) 100%);
  --scard-cap-blush: var(--scard-cap-shade); --pcard-cap-blush: var(--scard-cap-shade);
  --scard-glass: var(--glass); --scard-glass-hover: rgb(11 12 14 / .6); --chip-glass: var(--glass);
  
  --card-dk: var(--surface); --chrome-grad: var(--chrome); --t-band: var(--chrome); --footer-bg: var(--chrome);
  --pola-edge: var(--surface-2); --t-chrome: var(--chrome); --chrome-line: var(--md-line);
  --t-card-edge: var(--md-line); --t-card-edge-hover: var(--md-line); --t-hair: var(--md-line);
  
  --av-g0: var(--surface-2); --av-g1: var(--surface-3); --av-g2: var(--surface-2); --av-g3: var(--surface-3);
  --av-g4: var(--surface-2); --av-g5: var(--surface-3); --av-g6: var(--surface-2); --av-g7: var(--surface-3);
  --dk-veil: rgb(11 12 14 / .6); --sh-chrome: none;
  
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;}
html[data-plk][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pn-sheet,.pn-menu,dialog){--field: var(--surface-3); --field-in: var(--surface-3); --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3);}
@media (min-width:701px){html[data-plk] body.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--gutter:var(--wide-gutter);--col-pad:max(var(--gutter),calc((100% - var(--main-max)) / 2))}
}
html[data-plk] body.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody){--bg:var(--app-ground);--row-inset:calc(var(--panel-pad) - var(--list-pad));background:var(--bg)}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-apphead__tabs :is(.pc-seg,.pn-seg){row-gap:12px}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-card__act{flex:0 4 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-cap);color:var(--scard-ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-card__act::before{content:"\00b7\00a0";content:"\00b7\00a0" / ""}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdmtr{display:grid;gap:2px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdmtr__l{font:var(--type-cap);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdmtr[data-pending] .pn-sdmtr__t{opacity:.7}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdmtr[hidden]{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-lctr,.pn-trhint){position:relative;display:inline-flex;align-items:center;gap:var(--space-1);margin:0 var(--space-1) 0 0;padding:0;border:0;background:none;font:var(--type-cap);color:var(--ink-3);cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lctr{font:inherit}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-bubble--out .pn-lctr{color:inherit}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-lctr,.pn-trhint)::before{content:"";position:absolute;inset:-10px -6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-lctr,.pn-trhint) .pn-lctr__g{width:12px;height:12px;flex:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-lctr,.pn-trhint):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-s)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-lctr,.pn-trhint)[disabled]{cursor:progress}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-trhint[hidden],html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__orig[hidden]{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-trhint{margin:0 0 0 6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-trline{margin:6px 0 0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-trline .pn-trhint{margin:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm{display:grid;gap:8px;margin:0 0 8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__de{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__lang{flex:1 1 auto;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__note,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__msg{margin:0;font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__msg.is-bad{color:var(--danger)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__panel{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-m)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__panel[hidden]{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__h{margin:0;font:var(--type-strong);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__sub{margin:0;font:var(--type-cap);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) blockquote.pn-sdm__de{margin:0;padding:6px 10px;border-left:3px solid var(--line);font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__out{width:100%;min-height:72px;resize:vertical}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__acts{display:flex;flex-wrap:wrap;gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__warn{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--r-m);background:var(--danger-soft);color:var(--ink);font:var(--type-meta)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl{display:grid;gap:12px;padding:16px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__h{margin:0;display:flex;align-items:center;gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__sub,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__l,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__meta{margin:0;font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__l{font-weight:600;font-size:12px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__none{margin:0;display:flex;align-items:center;gap:var(--space-2);font:var(--type-body);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__item{display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-3);border-radius:var(--r-m);background:var(--surface-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__item.is-done{padding:8px 12px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__top{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);font:var(--type-body);color:var(--ink);min-width:0;max-width:100%}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__name{font-weight:600;overflow-wrap:anywhere}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__check{margin:0;display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--r-m);background:var(--danger-soft);color:var(--ink);font:var(--type-meta)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__check .pc-ico{flex:0 0 auto;margin-top:2px;color:var(--danger)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__de{margin:0;padding:0 0 0 10px;border-left:3px solid var(--line);white-space:pre-line;overflow-wrap:anywhere;font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__done>summary{cursor:pointer;font:var(--type-label);color:var(--ink-2);padding:var(--space-1) 0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sbl__done>.pn-sbl__list{margin-top:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdm__bl{display:flex;gap:6px;align-items:flex-start}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd{--sdd-pad:16px;display:grid;gap:14px;padding:var(--sdd-pad);margin:0 0 16px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(h2,h3,h4,p){margin:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__head{display:grid;gap:4px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sub{font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__group{grid-column:1/-1;padding:var(--space-2) 0 0;font:var(--type-meta);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__pane{display:grid;gap:12px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--sdd-pad));padding:3px var(--sdd-pad)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tabs::-webkit-scrollbar{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__tabs,.pn-sdd__subtabs) > a{flex:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__subtabs > a{min-height:30px;padding:6px 10px;font-size:12px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pc-seg) > a .pn-seg__n.is-zero{background:var(--t-tint-2);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__warn,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flash{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--r-m);background:var(--t-danger);color:var(--ink);font:var(--type-meta)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__warn .pc-ico,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flash.is-bad .pc-ico{flex:0 0 auto;margin-top:2px;color:var(--danger)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flash:not(.is-bad){background:var(--t-tint)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__none{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--r-m);background:var(--sunken);color:var(--ink-2);font:var(--type-body)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__l{font-weight:600;color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico n" "l l" "s s";align-items:center;gap:6px 10px;min-height:112px;padding:var(--space-3);border-radius:var(--r-m);background:var(--sunken);color:var(--ink);text-decoration:none;transition:background-color var(--dur-1)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tile:hover{background:var(--surface-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tile:focus-visible,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__all:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tico{grid-area:ico;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-m);background:var(--t-tint);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tile.is-hot .pn-sdd__tico{background:var(--t-danger);color:var(--danger)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tn{grid-area:n;justify-self:end;font:var(--type-num);font-variant-numeric:tabular-nums;color:var(--ink-3)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tile.is-open .pn-sdd__tn{color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tl{grid-area:l;font:var(--type-strong)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__ts{grid-area:s;font:400 12px/16px var(--body);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__uncover{display:flex}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__uncover .pc-btn{display:inline-flex;align-items:center;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__listwrap{display:grid;gap:10px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__item{container-type:inline-size;display:flex;flex-direction:column;gap:6px;min-width:0;padding:var(--space-2);border-radius:var(--r-m);background:var(--sunken)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__pic{position:relative;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;background:var(--t-tint)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__th{display:block;width:100%;height:100%}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__th img{display:block;width:100%;height:100%;object-fit:cover}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list--blur .pn-sdd__th img{filter:blur(14px);transform:scale(1.15)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__th--none{display:grid;place-items:center;color:var(--ink-3)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__pick{position:absolute;top:0;left:0;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__pick::before{content:"";position:absolute;top:7px;left:7px;width:30px;height:30px;border-radius:var(--r-s);background:var(--surface);opacity:.92}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__pick input,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__spick input{position:relative;width:20px;height:20px;margin:0;accent-color:var(--ink);cursor:pointer}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__nmore{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--r-s);background:var(--glass-strong);color:var(--white);font:var(--type-cap)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flags{position:absolute;left:6px;right:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flag{max-width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--r-s);background:var(--surface);color:var(--ink);font:var(--type-cap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__flag.is-bad{background:var(--danger);color:var(--on-danger)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__det{min-width:0;font:400 12px/16px var(--body);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__det > summary,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sdet > summary{position:relative;display:block;list-style:none;cursor:pointer;padding-right:16px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__det > summary{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__det,.pn-sdd__sdet) > summary::-webkit-details-marker{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__det,.pn-sdd__sdet) > summary::after{content:"";position:absolute;right:4px;top:50%;width:6px;height:6px;border:solid var(--ink-2);border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__det,.pn-sdd__sdet)[open] > summary::after{transform:translateY(-20%) rotate(-135deg)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__det[open] > summary{white-space:normal}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__detin{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--r-s);background:var(--t-tint);overflow-wrap:anywhere}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__extra{display:flex;flex-wrap:wrap;gap:4px 10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__extra a,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__meta a,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__shead a,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__mhead a{color:inherit}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__meta{font:400 12px/16px var(--body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__meta b{font-weight:600;color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__acts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__acts,.pn-sdd__sacts) .pc-btn{width:100%;min-height:34px;padding:0 6px;gap:4px;justify-content:center;font-size:12px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd :is(.pn-sdd__acts,.pn-sdd__sacts) .pc-ico{width:16px;height:16px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__bulk{position:sticky;bottom:var(--dock);z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:var(--space-3);border-radius:var(--r-l);background:var(--t-over);box-shadow:var(--shadow-e1)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__all{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);margin-right:auto;font:var(--type-label);color:var(--ink);text-decoration:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__bbtns{display:flex;flex-wrap:wrap;gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__senders{list-style:none;margin:0;padding:0;display:grid;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__snd{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pick main" ". acts" ". det";align-items:center;gap:4px 6px;padding:var(--space-2) var(--space-3) var(--space-2) 0;border-radius:var(--r-m);background:var(--sunken)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__spick{grid-area:pick;display:grid;place-items:center;width:40px;height:40px;cursor:pointer}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__smain{grid-area:main;display:grid;gap:2px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__shead{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);font:var(--type-body);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sinfo{font-size:12px;color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__prev{font:var(--type-meta);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sacts{grid-area:acts;display:grid;grid-template-columns:1fr 1fr;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sdet{grid-area:det;min-width:0;font:400 12px/16px var(--body)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sdet > summary{display:inline-block;padding:4px 16px 4px 0;font-weight:600;color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__msgs{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__msgs > li{padding:var(--space-2) var(--space-3);border-radius:var(--r-s);background:var(--t-tint)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__mhead{font:var(--type-cap);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__mtext{margin-top:var(--space-1)!important;font:var(--type-meta);color:var(--ink);overflow-wrap:anywhere}
@media (max-width:400px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd{--sdd-pad:12px}
}
@media (max-width:559px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__bulk{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__bbtns{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__bbtns .pc-btn{min-height:40px;padding:6px 8px;white-space:normal;line-height:1.15;text-align:center;justify-content:center}
}
@media (min-width:560px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tiles--two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:760px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__snd{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pick main acts" ". det det"}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sacts{display:flex}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__sacts .pc-btn{width:auto;padding:0 10px}
}
@media (min-width:1000px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd{--sdd-pad:20px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__tiles--two{grid-template-columns:repeat(2,minmax(0,280px))}
}
@media (min-width:1200px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sdd__list{grid-template-columns:repeat(6,minmax(0,1fr))}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr{margin:6px 0 0;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__sum,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__btn{align-self:auto;gap:var(--space-2);min-height:32px;font:var(--type-label);color:var(--ink-2);text-decoration:none;cursor:pointer}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__btn{border:0;background:none;padding:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__btn > span,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__show{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__btn:disabled{cursor:default;opacity:.75}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__btn:disabled > span{text-decoration:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__sum{list-style:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__sum::-webkit-details-marker{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr__sum .pn-tr__show::before{content:"·";display:inline-block;margin-right:6px;color:var(--ink-3)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr[open] .pn-tr__show{text-decoration-color:var(--ink-3)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-tr .pn-tr__orig{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--r-m);background:var(--t-tint);font:var(--type-body);color:var(--ink-2);overflow-wrap:anywhere;white-space:pre-line}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dtprof .pn-dtrevs > .pn-dtrev{grid-template-areas:"stars" "by" "title" "tags" "body" "more" "tr" "reply" "acts"}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dtprof .pn-dtrevs > .pn-dtrev > .pn-tr{grid-area:tr;justify-self:start}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wishcard .pn-tr :is(.pn-tr__sum,.pn-tr__orig){color:var(--dk-ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wishcard .pn-tr .pn-tr__orig{background:var(--dk-veil)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-counter.is-over{color:var(--danger);font-weight:600}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__bar.is-menu{flex-wrap:nowrap;justify-content:flex-end;gap:10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__bar.is-menu .pn-inbox__search{flex:1 1 0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .is-rail .pn-inbox__bar.is-menu{display:flex}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__on{flex:none;gap:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__more{position:relative;flex:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__more > summary{list-style:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__more > summary::-webkit-details-marker{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__more[open] > summary{background:var(--surface-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-header);display:grid;min-width:240px;max-width:min(320px,calc(100vw - 32px));padding:var(--space-2);border-radius:var(--r-l);background:var(--t-over);color:var(--ink);box-shadow:var(--shadow-e1)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__mi{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-12);padding:0 var(--space-3);border-radius:var(--r-m);color:var(--ink);font:var(--type-strong);text-decoration:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__mi:hover,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__mi.is-selected{background:var(--t-over-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__mi > span:first-of-type{flex:1}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__mi .pn-seg__n[data-count="archived"]{background:var(--t-over-3);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set [data-spy] > .pc-seg{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:-6px calc(-1 * var(--gutter));padding:6px var(--gutter)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set [data-spy] > .pc-seg::-webkit-scrollbar{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set > .pc-apphead,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set .pc-apphead__tabs:has(> [data-spy]){min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set [data-spy] > .pc-seg > a{flex:none;white-space:nowrap}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set [data-spy] > .pc-seg{padding-right:calc(var(--gutter) + 28px);-webkit-mask-image:linear-gradient(90deg,var(--ink) calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,var(--ink) calc(100% - 36px),transparent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set [data-spy] > .pc-seg > a{min-height:40px}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ostatus{background:var(--sunken);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ostatus:not(.pn-ostatus--closed)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--online)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ostatus--requested::before{background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-ostatus--accepted,.pn-ostatus--shipped)::before{background:transparent!important;box-shadow:inset 0 0 0 2px var(--online)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-order .pn-ostatus{background:var(--dkbox-tile);color:var(--dk-ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-order .pn-ostatus--requested::before{box-shadow:inset 0 0 0 1.5px var(--dk-ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-orow__meta .pn-order__move{flex:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-chatpage:has(> .pn-paybar)::after{content:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.pn-sheet{box-shadow:var(--sh-sheet)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-chatpage:has(> .pn-paybar) :is(.pn-lockbubble__cta,.pn-order__gate){display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-gm[hidden]{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lcended{align-self:center}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-chatpage:has(> .pn-paybar) .pn-lockbubble.is-pcf:is(:hover,:focus-visible) .pn-lockbubble__cta{display:inline}
@media (max-width:480px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paystrip{flex-wrap:nowrap;min-height:0;gap:10px;padding:10px 10px 10px 12px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paystrip__ico{width:36px;height:36px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paystrip__txt{flex:1 1 auto}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paystrip__txt span{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paystrip__cta{flex:0 1 auto;flex-basis:auto;max-width:46%;white-space:normal;text-align:center;line-height:1.2}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.is-docked:not(.is-open) .pn-senditem > summary,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar .pn-senditem > summary{width:auto;min-width:0;padding-inline:18px;gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.is-docked:not(.is-open) .pn-senditem__t,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar .pn-senditem__t{display:inline}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.is-docked .pn-paybar__acts,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar__acts{grid-template-columns:minmax(0,1fr)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.is-docked:not(.is-open) .pn-senditem > summary,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar .pn-senditem > summary{width:100%}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paybar.is-docked .pn-senditem__list{left:0;right:auto}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-reach__act{display:flex;justify-content:flex-end;margin-top:14px}
@media (max-width:1023px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .is-feed .pn-vitem__rail::before{content:"";position:absolute;z-index:-1;inset:-48px -10px -24px -28px;background:linear-gradient(to left,var(--scrim),transparent);pointer-events:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .is-feed .pn-vrail{text-shadow:0 1px 3px var(--scrim)}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dtfacts__oh{margin:18px 0 10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dtfacts__offers{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
@media (max-width:559px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-pe .pn-selectgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-order,.pn-reach,.pn-paystrip){--dkbox:var(--surface);--dkbox-tile:var(--sunken);--dk-ink:var(--ink);--dk-ink-2:var(--ink-2);--chrome:var(--surface);--on-chrome:var(--ink);--on-chrome-2:var(--ink-2);--chrome-line:var(--line);--chrome-tint:var(--sunken);--chrome-well:var(--sunken);--chrome-well-hover:var(--surface-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)):is([data-theme="dark"] *) :is(.pn-order,.pn-reach,.pn-paystrip){--dkbox:inherit;--dkbox-tile:inherit;--dk-ink:inherit;--dk-ink-2:inherit;--chrome:inherit;--on-chrome:inherit;--on-chrome-2:inherit;--chrome-line:inherit;--chrome-tint:inherit;--chrome-well:inherit;--chrome-well-hover:inherit}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-order .pn-order__price,.pn-reach .pc-tile b){color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-corner__favstrip{width:fit-content;max-width:100%}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-corner__sellers .pc-scard.is-premium .pc-scard__cap::before{background:var(--scard-cap-shade)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-btn > .pc-count--inline{background:var(--t-tint-2);color:var(--ink)}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dt .pn-proftabs.pn-dttabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dt .pn-proftabs.pn-dttabs::-webkit-scrollbar{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dt .pn-proftabs.pn-dttabs .pc-tab:last-child{margin-right:24px}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrow__switch{align-items:center;gap:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrow__swl{font:var(--type-cap);color:var(--ink-2);white-space:nowrap}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrow.is-live .pn-adrow__swl{color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lislot__plus{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-full);background:var(--btn-ink);color:var(--on-btn-ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ligrid > :first-child .pn-lislot__plus{width:52px;height:52px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lislot .pn-slot__t{color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lislot:not(.has-photo,.is-picked):hover .pn-lislot__plus{transform:scale(1.06)}
@media (min-width:701px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ligrid{max-width:456px;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ligrid > :first-child{grid-column:1 / span 2;grid-row:1 / span 2;aspect-ratio:auto;height:100%}
}
@media (min-width:900px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liedit .pn-photos{display:grid;grid-template-columns:minmax(0,456px) minmax(0,1fr);column-gap:var(--space-6);align-items:start}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liedit .pn-photos > *{grid-column:1 / -1}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liedit .pn-photos > .pn-ligrid{grid-column:1;grid-row:2}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liedit .pn-photos > .pn-litips{grid-column:2;grid-row:2;margin-top:0}
}
@media (prefers-reduced-motion:reduce){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lislot:not(.has-photo,.is-picked):hover .pn-lislot__plus{transform:none}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-btn--primary.is-wait{background:var(--btn-ink);color:var(--on-btn-ink);border-color:transparent}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-btn--primary.is-wait:hover{background:var(--btn-ink);color:var(--on-btn-ink);filter:brightness(1.12)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lihow li.is-done .pc-ico{color:var(--success)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lihow li.is-done > span{color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liship{margin-top:var(--space-4)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liship__box{display:flex;align-items:center;gap:8px;max-width:220px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liship__cur{flex:none;display:grid;place-items:center;min-width:40px;height:var(--control-md);padding:0 var(--space-3);border-radius:var(--r-full);background:var(--t-tint);font:var(--type-strong);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liship__box > .pc-input{flex:1;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-liship .pc-help{margin-top:6px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy{display:grid;gap:10px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__h{display:flex;align-items:center;gap:var(--space-2);margin:0;font:var(--type-strong);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__h .pc-ico{color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__row{display:flex;gap:8px;align-items:center}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__row > .pc-select{flex:1;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__row > .pc-select > .pc-input{width:100%}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__row > .pc-btn{flex:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-licopy__help{margin:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrow--offer > a.pn-card-link.pn-row__lead{flex:1 1 auto;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrow__go{flex:none;margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--t-tint);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrow--offer:hover .pn-buyerrow__go{background:var(--t-tint-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrow:not(.pn-buyerrow--offer) .pn-buyerrow__go{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrow__acts[hidden]{display:none}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-sellhome .pn-buyerrow--offer{flex-wrap:nowrap}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--ink);text-decoration:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline:hover{background:var(--t-tint)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline .pn-ring--sm{--p:0;flex:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,var(--surface) 9px,transparent 10px),conic-gradient(var(--accent) calc(var(--p) * 1%),var(--t-tint-2) 0)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline__t{flex:1;min-width:0;display:flex;flex-wrap:wrap;column-gap:var(--space-2);font:var(--type-body);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline__t > b{font-weight:600;color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-clline > .pc-ico{flex:none;color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paysite .pn-plan:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paysite__hero .pc-chip--live{background:var(--chrome-well);color:var(--on-chrome);border-color:transparent}
@media (max-width:999px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-later.pn-psbar__later{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paysite:has(.pn-psbar) .pn-paysite__sideacts{display:grid}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-paysite:has(.pn-psbar) .pn-paysite__sideacts > :not(.pn-paysite__sidelater){display:none}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-mcwhere{flex:none;width:36px;height:36px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-mcvis[aria-pressed="false"] .pc-ico{opacity:.45}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-mccard__empty{margin:8px 0 0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch{--on-chrome:var(--ink);--on-chrome-2:var(--ink-2);--chrome-well:var(--t-over-2);--chrome-well-hover:var(--t-over-2);position:fixed;inset:calc(var(--header-h) + env(safe-area-inset-top)) 0 auto;width:min(640px,calc(100% - 32px));height:auto;margin:var(--space-2) auto 0;padding:var(--space-2);border:0;border-radius:var(--r-l);background:var(--t-over);color:var(--ink);box-shadow:var(--shadow-e1);overflow:visible}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch::backdrop{background:var(--scrim)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch:not(.is-open){display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch:popover-open{display:block}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch.is-open{display:block;z-index:var(--z-drawer)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-hsearch form.pn-search{flex:none;width:100%;max-width:none;height:var(--control-md);gap:var(--space-3);padding:0 var(--space-4)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch .pn-search__ph{left:var(--space-12)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch .pn-search__ph-l{display:inline}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-hsearch .pn-search__ph-s{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-hsearch__key:has(+ .pn-hsearch:popover-open){background:var(--chrome-well-hover);color:var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore__key{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navpin{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navpin{flex:none;gap:var(--space-2);padding-inline:var(--space-4)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navmore__key{flex:none;gap:var(--space-2);padding-inline:var(--space-4)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header :is(.pc-iconbtn,.pn-header__avatar){position:relative}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-header__avatar{overflow:visible}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pc-iconbtn:is(.is-active,[aria-current="page"]){color:var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pc-iconbtn:is(.is-active,[aria-current="page"]) svg{color:var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-header__avatar:is(.is-active,[aria-current="page"]){box-shadow:0 0 0 2px var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navcount{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:var(--space-2);padding:0 var(--space-1);border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font:var(--type-cap);font-variant-numeric:tabular-nums}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header :is(.pn-navmore__key,.pn-navpin){position:relative}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header :is(.pn-navmore__key,.pn-navpin).is-active::after{content:"";position:absolute;left:50%;bottom:calc(-1 * var(--space-2));width:var(--icon-l);height:2px;margin-left:calc(var(--icon-l) / -2);border-radius:var(--r-full);background:var(--accent);pointer-events:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navmore__key:has(+ .pn-navmore:popover-open){background:var(--chrome-well-hover)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore__key .pn-navcount{margin-left:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore{--on-chrome:var(--ink);--chrome-well:var(--t-over-2);--chrome-well-hover:var(--t-over-2);position:fixed;inset:calc(var(--header-h) + env(safe-area-inset-top) + var(--space-2)) auto auto var(--col-pad);width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - var(--header-h) - var(--space-8));height:auto;margin:0;padding:var(--space-2);border:0;border-radius:var(--r-l);background:var(--t-over);color:var(--ink);box-shadow:var(--shadow-e1);overflow-y:auto;overscroll-behavior:contain}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore:not(.is-open){display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore:popover-open{display:grid;gap:var(--space-1)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore.is-open{display:grid;gap:var(--space-1);z-index:var(--z-drawer)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore::backdrop{background:transparent}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore > a{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-12);padding:0 var(--space-3);border-radius:var(--r-m);color:var(--ink);font:var(--type-strong);text-decoration:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore > a:hover{background:var(--t-over-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore > a[aria-current="page"]{background:var(--t-over-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore > a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-navmore > .pn-navmore__theme{justify-content:space-between;margin-top:var(--space-2)}
@media (min-width:701px) and (max-width:1100px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pc-nav{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navmore__key,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navpin{display:inline-flex}
}
@media (min-width:701px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-tight .pc-nav{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-tight .pn-navmore__key,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-tight .pn-navpin{display:inline-flex}
}
@media (min-width:701px) and (max-width:860px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-themebtn{display:none}
}
@media (min-width:701px) and (max-width:1100px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-themebtn{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header :is(.pn-header__new,.pn-navmore__key,.pn-navpin){width:var(--header-key);min-width:var(--header-key);padding:0;gap:0;justify-content:center}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header :is(.pn-header__newlbl,.pn-navmore__lbl,.pn-navpin__lbl){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header .pn-navmore__key .pn-navcount{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1))}
}
@media (min-width:701px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-compact .pn-themebtn{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-compact :is(.pn-header__new,.pn-navmore__key,.pn-navpin){width:var(--header-key);min-width:var(--header-key);padding:0;gap:0;justify-content:center}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-compact :is(.pn-header__newlbl,.pn-navmore__lbl,.pn-navpin__lbl){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header.is-compact .pn-navmore__key .pn-navcount{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1))}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-input:not(:focus):not(.is-focus){border-color:var(--t-mute)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lclimit{margin:var(--space-3) var(--space-4) 0;color:var(--ink-2);font:var(--type-label)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-composer.is-limit .pn-send:disabled{opacity:.4;cursor:default}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-inbox__nohit .pc-btn{margin-left:8px;vertical-align:middle}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lcorder.is-line{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font:var(--type-label)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lcorder.is-line .pc-ico{flex:none;width:var(--icon-s);height:var(--icon-s)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lcseen{margin:0 var(--space-1);color:var(--ink-2);font:var(--type-cap)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-lp__formacts[hidden]{display:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-waitdoor{display:contents}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-dttop .pn-adreport{margin-left:auto;margin-right:8px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone{position:relative;display:grid;align-content:start;gap:10px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone__ph{aspect-ratio:4/5;width:100%;border-radius:var(--r-m)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone__txt{display:grid;gap:var(--space-1);min-width:0;color:var(--ink-2);font:var(--type-meta)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone .pc-card__fav[aria-pressed="true"]{color:var(--accent)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone .pc-card__fav[aria-pressed="true"] .pc-ico{fill:currentColor}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-savedgone__txt b{overflow:hidden;color:var(--ink);font-weight:700;white-space:nowrap;text-overflow:ellipsis}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wishcard__teaser{margin:0;font:var(--type-body);color:var(--dk-ink);overflow-wrap:anywhere}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-msg--wish.pn-msg--wishfirst.pn-msg--out{align-items:flex-end}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-msg--wish.pn-msg--wishfirst.pn-msg--in{align-items:flex-start}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-msg--wishfirst .pn-wishcard{width:min(90%,480px)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wishtile__teaser{display:flex;gap:8px;align-items:flex-start;font-weight:500}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wishtile__teaser .pc-ico{flex:none;width:14px;height:14px;margin-top:4px;color:var(--pink-text)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:520px;margin:var(--space-3) auto var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--r-l);background:var(--sunken);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__ico{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--pink-text)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__ico .pc-ico{width:var(--icon-m);height:var(--icon-m)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__main{display:grid;gap:6px;min-width:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__h{font:700 15px/22px var(--body);color:var(--ink)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__t{margin:0;font:var(--type-body);color:var(--ink-2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-wnsnudge__off{margin:0}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pc-header{border-bottom-color:var(--hline)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pc-footer,.pc-tabbar){border-top-color:var(--mline)}
@media (max-width:700px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(a.pn-dtrate--pill,a.pn-vstrip--sm,.pn-dtrev__by a){position:relative}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(a.pn-dtrate--pill,a.pn-vstrip--sm,.pn-dtrev__by a)::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--tap));height:max(100%,var(--tap));transform:translate(-50%,-50%)}
}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-pe .pn-selectgrid > .pc-field:only-child{grid-column:1/-1}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-panel--flush,.pn-alertlist,.pn-threads,.pn-orders,.pn-suppin){--hair-x:var(--list-pad)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-setpanel{--hair-x:calc(var(--panel-pad) - var(--space-3))}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-checkpanel{--hair-x:var(--panel-pad)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-md__body{--hair-x:var(--space-2);--hair-gap:0px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-ogroup{--hair-gap:0px}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :where(:is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :is(.pn-row,li,.pn-orow)){position:relative}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :is(.pn-row,li,.pn-orow):not([hidden]) ~ :is(.pn-row,li,.pn-orow):not([hidden])::before{content:"";position:absolute;top:calc(var(--hair-gap,var(--space-1)) / -2);left:calc(-1 * var(--hair-l,var(--hair-x,0px)));right:calc(-1 * var(--hair-r,var(--hair-x,0px)));height:1px;background:linear-gradient(90deg,transparent,var(--mline) 14%,var(--mline) 86%,transparent);opacity:var(--lhair-o);pointer-events:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :where(a.pn-row:hover,button.pn-row:hover,label.pn-row:hover,.pn-buyerrow:hover,.pn-threadrow:hover,.pn-orow:hover,.is-current,.is-held,[aria-current],[aria-checked="true"])::before,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :where(a.pn-row:hover,button.pn-row:hover,label.pn-row:hover,.pn-buyerrow:hover,.pn-threadrow:hover,.pn-orow:hover,.is-current,.is-held,[aria-current],[aria-checked="true"]) + *::before,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :where(li:has(> :is(a:hover,[aria-current])))::before,html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) :is(.pn-rows,.pn-ogroup,.pn-supsug__list) > :where(li:has(> :is(a:hover,[aria-current]))) + *::before{opacity:0}
@media (min-width:1024px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .is-rail .pn-suppin + .pn-threads > .pn-row:first-child::before{content:"";position:absolute;top:calc(var(--space-1) / -2);left:calc(-1 * var(--list-pad));right:calc(-1 * var(--list-pad));height:1px;background:linear-gradient(90deg,transparent,var(--mline) 14%,var(--mline) 86%,transparent);opacity:var(--lhair-o);pointer-events:none}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .is-rail .pn-suppin:has(> .pn-threadrow:hover) + .pn-threads > .pn-row:first-child::before{opacity:0}
}
@media (min-width:900px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrows > :nth-child(odd){--hair-r:calc(var(--space-4) / 2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrows > :nth-child(even){--hair-l:calc(var(--space-4) / 2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrows > .pn-buyerrow:hover + *::before{opacity:var(--lhair-o)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-buyerrows > .pn-buyerrow:hover + * + *::before{opacity:0}
}
@media (min-width:1101px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrows > :nth-child(odd){--hair-r:calc(var(--space-8) / 2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrows > :nth-child(even){--hair-l:calc(var(--space-8) / 2)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrows > .pn-adrow:has(a[href].pn-adrow__link:hover) + *::before{opacity:var(--lhair-o)}
html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-adrows > .pn-adrow:has(a[href].pn-adrow__link:hover) + * + *::before{opacity:0}
}
@media (min-width:1000px){html[data-plk] :where(.pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody)) .pn-set--sub:not([data-sec]) .pn-setnav li:first-child + li::before{opacity:0}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-nav__link{color:var(--ink);transition:color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-nav__link:hover{color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-nav__link.is-active,html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-nav__link[aria-current]{color:var(--ink)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn{background:transparent;color:var(--ink);transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn:hover{background:var(--surface-2);color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn:is(.is-active,[aria-current="page"]){color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__avatar:is(.is-active,[aria-current="page"]){box-shadow:0 0 0 2px var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__pay.pn-header__pay{box-shadow:none;background:var(--accent);color:var(--on-accent);border-color:transparent;border-radius:var(--r-full);font-weight:var(--w-bold);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__pay.pn-header__pay:hover{background:var(--accent-press);color:var(--on-accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key){background:var(--surface-2);color:var(--ink);border:1px solid var(--md-line);border-radius:var(--r-full);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key):hover{background:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header{min-height:var(--header-h)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-nav__link{font:var(--type-nav);letter-spacing:0}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header :is(.pn-header__pay,.pn-header__earn,.pn-header__new,.pn-navpin,.pn-navmore__key){min-height:var(--header-key);padding:0 var(--space-5);font:var(--type-nav)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn{width:var(--header-key);height:var(--header-key)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn .pc-ico{width:var(--icon-l);height:var(--icon-l)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__avatar{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-logo{font-size:46px}
@media (max-width:430px){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__end{min-width:0;gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__end .pc-header__icons{gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__pay{min-width:0;flex:0 1 auto;padding:0 var(--space-3);font:700 15px/22px var(--body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__payshort{min-width:0;max-width:100%}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pn-header__paytxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-iconbtn{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-logo{flex-shrink:0}
}
@media (max-width:380px){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header .pc-logo{font-size:40px}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn{box-shadow:none;text-shadow:none;transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn:not(.pc-btn--primary,.pc-btn--premium){background-image:none}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn--primary{background:var(--accent);color:var(--on-accent);border-color:transparent}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn--primary:hover{background:var(--accent-press)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay){background-color:var(--t-tint);color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay):hover{background-color:var(--t-tint-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:transparent;color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:var(--surface-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn--danger:not(.is-confirm){background-color:transparent;color:var(--danger);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-btn--danger:not(.is-confirm):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pn-ra{--t-tint:var(--surface-3);--t-tint-2:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-scard.is-premium .pc-scard__cap::before{background:var(--scard-cap-shade)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-scard__name{color:var(--scard-ink);font-size:var(--fs-title)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-scard__meta{color:var(--scard-ink-2);font-size:var(--fs-body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-scard__score,.pc-scard__n){background:var(--glass);color:var(--scard-ink);border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-scard .pc-card__fav{background:var(--glass);border-color:transparent;color:var(--scard-ink);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-scard .pc-card__fav:hover{background:var(--scard-glass-hover)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pn-like,.pc-card__fav)[aria-pressed="true"] .pc-ico{color:var(--accent);animation:pn-md-like var(--dur-2) ease-out}
@media (prefers-reduced-motion: reduce){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) *{animation:none !important;transition:none !important}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-header{border-bottom-color:var(--hline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) :is(.pc-footer,.pn-gfooter){border-top-color:var(--mline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pc-guest.pk-site:not(.pn-adm):not(.pn-joinbody) .pc-tabbar{border-top-color:var(--mline)}
/* ---------- guests = the member area (owner 03.11.2026; docs/design-system.md §13, wave 2 package P7) ----------
   tools/css_plastik.php appends this after the member layer re-scoped to the guest body (pnew_plkcss_guest_build) and
   re-scopes it to the home (body .pk), the join and log-in pages (.pn-joinbody), the sign-up wizard and the order wizard.
   The member layer already brings the tokens (Inter, the type scale, the Modern Dark roles, the 1372 column, the 76 px header),
   the focus ring and the kit; this file only carries what the guest markup needs on top — the guest header and its menu,
   the 18+ / bottom bars, the guest page components of other bundles — and only in role tokens (§2–§8), never a copy of a
   member value. */

html[data-plk] { background: #101114; }   /* the overscroll behind the page: the ground (--md-bg) */
html[data-plk] body.pc-root.pc-guest.pk-site { background: var(--bg); background-image: none; color: var(--ink); }

/* ---------- chrome: the header (§12) — solid chrome, 76 px, the grey 50 % hairline, no blur, no shadow ---------- */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header { min-height: var(--header-h); background: var(--chrome); border-bottom: 1px solid var(--hline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header::after { content: none; }
/* owner 04.11. («die müssen gecentered sein oben in der Navi»): logo left, the text links in the centre, the keys right — where
   the nav is shown; folded (menu key) the grid still keeps logo left and keys right */
html[data-plk] body.pc-root.pc-guest .pc-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-6); }   /* centred in the space between logo and keys: never pushes the keys out (it/fr/es labels are longer) */
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-logo { justify-self: start; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-nav { justify-self: center; margin: 0; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pn-header__end { justify-self: end; grid-column: 3; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-logo__dot { box-shadow: none; }   /* NAV-010: the dot never glows */
/* header keys = the member header's keys (dark.css .pn-header__pay / .pn-header__new): pills at --header-key (48, phones 44),
   the nav voice (--type-nav), secondary on surface 2 («Log in», «Join free»), the one pink key («Start selling») */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) {
  min-height: var(--header-key); height: var(--header-key); padding: 0 var(--space-5); border: 0; border-radius: var(--r-full); font: var(--type-nav); letter-spacing: 0;
  box-shadow: none; transform: none; filter: none; transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan) { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan):hover { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pn-header__join { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pn-header__join:hover { background: var(--accent-press); color: var(--on-accent); }
@media (max-width: 700px) { html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-4); } }
@media (max-width: 380px) { html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-3); } }

/* the menu key (templates/plastik/header.php .pc-burger): the member «Menu» key — a secondary pill with the bars and the word
   where the nav folds (701+), a round 44 key with the bars on phones; open = the bars become a cross */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary { display: inline-flex; align-items: center; gap: var(--space-2); width: auto; min-width: var(--header-key); height: var(--header-key);
  padding: 0 var(--space-5) 0 44px; border: 0; border-radius: var(--r-full); background: var(--surface-2); color: var(--ink); font: var(--type-nav); transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary:hover, html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger[open] > summary { background: var(--surface-3); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary::after { left: var(--space-5); right: auto; width: var(--icon-s); background: currentColor; box-shadow: 0 5px 0 currentColor; top: calc(50% - 6px); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary::after { top: calc(50% + 4px); box-shadow: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger[open] > summary::before, html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger[open] > summary::after { top: calc(50% - 1px); box-shadow: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__lbl { white-space: nowrap; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }   /* the one ring (§8, NAV-048) */
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary { width: var(--header-key); padding: 0; justify-content: center; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger > summary::after { left: calc(50% - 8px); }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
/* the open menu is an e1 sheet (§6): surface 2 with the float shadow over the scrim, on the drawer step of the z ladder; rows
   48 px in the strong body voice, pointer = one step up, the current page marked like the member menu; the doors stacked as
   page keys; the language pills one step up from the sheet */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header:has(.pc-burger[open]) { z-index: var(--z-drawer); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger[open]::before { background: var(--scrim); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__menu { border: 0; background: var(--surface-2); box-shadow: var(--shadow-e1);
  --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3); --chrome-well: var(--surface-3); --chrome-well-hover: var(--surface-3); }   /* «+1 step» in an overlay (§2.1) */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger[open] .pc-burger__menu { gap: var(--space-1); padding: var(--space-3) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom)); border-width: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__menu > a { min-height: 48px; padding: 0 var(--space-3); border-radius: var(--r-m); color: var(--ink); font: var(--type-strong); letter-spacing: 0; text-decoration: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__menu > a:hover { background: var(--surface-3); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__menu > a[aria-current] { background: var(--surface-3); color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pc-burger__foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-top: var(--space-6); padding-top: 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pc-burger__foot > .pc-btn { width: 100%; min-height: var(--control-md); padding: 0 var(--space-4); border: 0; border-radius: var(--r-m); font: var(--type-strong); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pc-burger__foot > :is(.pc-btn--line, .pc-btn--ghost) { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pc-burger__foot > .pc-btn--primary { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__lang { gap: var(--space-2); margin: var(--space-3) 0 0; }
/* language pills (menu and footer, NAV-067 / 091): one pill — --control-sm, the label voice, one step up from what they stand on,
   the current one a tone higher with the pink dot */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-burger__lang, .pn-gfooter__bar) a { min-height: var(--control-sm); padding: 0 var(--space-3); border: 0; border-radius: var(--r-full); font: var(--type-label); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__lang a { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-burger__lang a[aria-current] { background: var(--accent-soft); }   /* the chosen chip (§2.3) with the pink dot */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gfooter__bar a { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gfooter__bar a:hover, html[data-plk] body.pc-root.pc-guest.pk-site .pn-gfooter__bar a[aria-current] { background: var(--surface-3); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gfooter__adult { font: var(--type-cap); }   /* NAV-090 / CONT-017: the 18+ badge on the 12 px step */

/* the nav folds where the member nav folds (inside.css: 701–1100 every language, 1101–1360 es / fr / it / pt; fr guests to
   1800, their labels are longer): the words and «Log in» go into the menu key, the header keeps the doors (chrome.css folds
   701–960 for every guest page) */
@media (min-width: 961px) and (max-width: 1100px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-header { justify-content: space-between; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1360px) {   /* as the member nav */
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pc-guest.pk-site .pc-header { justify-content: space-between; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pc-guest.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pc-guest.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1800px) {   /* fr: the guest labels are longer (adult fr measured 1595 px at 1440, 1725 at 1700) */
  html[data-plk][lang="fr"] body.pc-root.pc-guest.pk-site .pc-header { justify-content: space-between; }
  html[data-plk][lang="fr"] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk][lang="fr"] body.pc-root.pc-guest.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 701px) { html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pn-header__end { gap: var(--space-3); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-header .pn-header__fan { display: none; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-header :is(.pn-header__end, .pc-header__icons) { gap: var(--space-2); }
}

/* ---------- chrome: bottom and sticky bars on guest pages (NAV-106..112): one finish — the chrome tone, the grey 50 % hairline
   on the inner edge, no glass, no shadow, on the bar step of the z ladder. Owner 04.11.: the profile tabs are the members' pills
   inside the head card (templates/member_guest.php = member.php), no chrome rail outside any more ---------- */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-cp-bar, .pn-dtbar, .pn-lbsticky) { background: var(--chrome); border-top: 1px solid var(--mline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: var(--z-bar); }
/* the adult 18+ note bar (site.css .pk-adh18, §13): its confirm key is a secondary key — no pink beside the header's pink key; the
   doubled attribute and the key's three classes outrank the member key layer projected above */
html[data-plk][data-plk] body.pc-root.pc-guest.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm { background: var(--surface-2); color: var(--ink); border-color: transparent; }
html[data-plk][data-plk] body.pc-root.pc-guest.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm:hover { background: var(--surface-3); color: var(--ink); }

/* ---------- the join and log-in pages (templates/join_layout.php: header.pc-header.pn-joinnav; this file is re-scoped to them): the
   site header with fewer slots — the header rules above give it the chrome, the hairline, the 76 px and the header key; here
   only what the join bar adds: its back key as a round header icon key, the quiet «New here?» line; the footer on phones too ---------- */
@media (min-width: 701px) { html[data-plk] body.pc-root.pc-guest.pk-site { --col-pad: max(var(--wide-gutter), calc((100% - var(--main-max)) / 2)); } }   /* the member column on the join body too (layout.css sets it for the guest body) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-joinnav { padding-inline: var(--col-pad); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-joinnav .pn-joinnav__have { font: var(--type-meta); color: var(--ink-2); opacity: 1; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-joinnav .pc-iconbtn { width: var(--header-key); height: var(--header-key); border: 0; border-radius: var(--r-full); background: transparent; color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-joinnav .pc-iconbtn:hover { background: var(--surface-2); }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-joinnav { padding-inline: var(--gutter); gap: var(--space-2); }
  html[data-plk] body.pc-root.pc-guest.pk-site .pc-footer { display: block; padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom)); }
}

/* ---------- listing grids = the member marketplace (.pn-main > .pn-wide .pn-grid): 2 on phones, 3 / 4 / 5 from 701 / 1024 /
   1280 at the wide gap; seller grids = the member sellers grid (.pn-sellergrid): 3 / 4 / 6 from 701 / 900 / 1200 ---------- */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wide-grid-gap); }
@media (min-width: 1024px) { html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (min-width: 900px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards), html[data-plk] body.pc-root.pc-guest.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
}
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__grid > * { min-width: 0; height: 100%; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-card, .pc-scard) { box-shadow: none; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-card, .pc-scard):hover { transform: none; box-shadow: none; }
/* adult market (templates/partials/adult_market.php): the pill row closes the head, then the grid */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__facets { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; margin: var(--space-5) 0 0; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__facets::-webkit-scrollbar { display: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__facets .pn-facet { flex: none; white-space: nowrap; }
/* owner 04.11. («tabs sind gequetscht, die können eine Reihe drunter, dann verdeckt der CTA die auch nicht»): from the
   desktop split on, the filter chips wrap into rows inside the head column instead of one sideways-scrolling line */
@media (min-width: 900px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__facets { flex-wrap: wrap; overflow: visible; row-gap: var(--space-3); column-gap: var(--space-2); } }
/* owner 05.11. «zu gequetscht die tabber»: the filter chips got air — room under the last row before the band ends (the head
   had 0 under it), a wider chip and a taller row gap */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-8); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__facets .pn-facet { padding: 0 var(--space-4); min-height: 40px; }
@media (max-width: 899px) { html[data-plk] body.pc-root.pc-guest.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-5); } }
/* market head: the intro runs up to the join box, the join box stands from the head's top to the intro's foot */
@media (min-width: 1000px) {
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk :is(.pn-hubintro, .pn-hubintro p) { max-width: none; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk.pn-split { column-gap: var(--space-8); }
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk > .pn-split__lead { align-self: stretch; display: flex; }
  html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk > .pn-split__lead > * { flex: 1; margin: 0; }
}
html[data-plk] body.pc-root.pc-guest.pk-site .pn-amk__more { display: flex; justify-content: center; margin: var(--space-8) 0 0; padding: 0; background: none; }
/* the market's review and text blocks start on the content edge with the section gap (ADULT-042/043/046) */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-hubquotes, .pn-seotext, .pn-hubmore) { margin-top: var(--section-gap); padding-inline: 0; max-width: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-seotext { display: block; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-seotext__side { display: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-seotext .pc-prose { max-width: 72ch; }

/* ---------- the guest page components of the other bundles (landing, guide, cmguide, cmpost, topic, join, order): on the
   member system — group-label kickers, plain heads (no tape, marker word or handwriting), panels for every box, no props ---------- */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-kicker, .pk-kick) { color: var(--ink-2); }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-kicker, .pk-kick)::before, html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-kicker, .pk-kick)::after, html[data-plk] body.pc-root.pc-guest.pk-site .pc-kicker .pc-tub { display: none; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(h1, h2, h3) :is(em, .pc-hl, mark) { background: none; color: inherit; font-style: normal; padding: 0; box-shadow: none; text-shadow: none; filter: none; -webkit-box-decoration-break: slice; box-decoration-break: slice; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-hl::before, html[data-plk] body.pc-root.pc-guest.pk-site .pc-hl::after { content: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-main :is(h1, h2, h3):not(.pc-card__title) { color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-main:not(.pn-join) h1:not(.pn-dthead__name):not(.pn-hm-hero__h) { font: var(--type-display); letter-spacing: var(--tr-h); text-transform: none; }   /* the page head outside (§13): display 30, phones 24; the home's h1 has the home ladder (landing.css, §13b) */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pc-hand, .pn-hand, .pn-joinhead__hand, .pn-do-aside, .pc-fix):not(.pn-dthead__hand) { font: var(--type-meta); font-weight: var(--w-strong); color: var(--ink-2); text-transform: none; transform: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-toc ol li::marker, html[data-plk] body.pc-root.pc-guest.pk-site .pc-toc li > span:first-child { color: var(--ink-3); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-prose ol > li::marker { color: var(--ink-2); font-family: var(--body); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-prose h2 { font: var(--type-h1); letter-spacing: var(--tr-h); }   /* the editorial h2 (§13) */
@media (max-width: 700px) { html[data-plk] body.pc-root.pc-guest.pk-site .pc-prose h2 { font: var(--type-title); } }
html[data-plk] body.pc-root.pc-guest.pk-site .pk-sec :is(h2.pc-h-xl, h2.pc-h-l, h2.pc-h-m, .pk-sec__h) { font: var(--type-h1); letter-spacing: var(--tr-h); text-transform: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-cg__ctah { font: var(--type-title); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-lp-hero__h { font: var(--type-display); letter-spacing: var(--tr-h); }   /* the guest hero (§13: one display head per page) */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-lp-hero__h, .pk-hero .pn-lp-hero__h)::after, html[data-plk] body.pc-root.pc-guest.pk-site .pn-lp-qfoot::before { content: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-arr { display: none; }   /* no text arrow in keys or «more» links (HOME-015) */
html[data-plk] body.pc-root.pc-guest.pk-site .pc-btn::after { content: none; }   /* no drip under any key */
html[data-plk] body.pc-root.pc-guest.pk-site:not(.pk) .pn-main :is(.pk-obj, .pc-prop, .pc-obj) { display: none; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pk-prop, .pk-hero__glow) { display: none; }
/* panels: the pink and paper blocks, the steps, the plans, the callouts, the care labels, the receipt and the proof note —
   all the member panel (§9.2) */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pc-toc, .pk-panel, .pn-joinbox, .pc-box--cr, .pn-gd-callout, .pk-sticky, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof,
  .pn-lp-step, .pn-lp-page__plan, .pn-lp-page__table, .pn-mp__answer, .pc-door) { border: 0; outline: 0; border-radius: var(--r-l); background: var(--surface); background-image: none; color: var(--ink); box-shadow: none; transform: none; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) :is(p, b, small, span, h2, h3, .pn-cg__ctah, .pn-gd-callout__k) { color: inherit; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) .pc-badge--accent { color: var(--on-accent); }   /* content pass 06.11.: the pink label keeps its own ink (dark: white on pink read 1.8 : 1, "Free · 18+" on adult's creators door) */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-gd-callout, .pn-cg__cta) a:not(.pc-btn) { color: inherit; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-gd-callout__k { color: var(--ink-2); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-receipt * { color: inherit; border-color: transparent; }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-proof, .pc-care)::before, html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-proof, .pc-care)::after { content: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-proof__big { color: var(--ink); font-family: var(--body); }
html[data-plk] body.pc-root.pc-guest.pk-site .pc-care__n { font: var(--type-cap); color: var(--ink-2); }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pk-sec--sell, .pc-on-pink) { background: var(--surface); background-image: none; color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pk-sec--sell, .pc-on-pink) :is(h2, h3, p, li, small) { color: inherit; }
html[data-plk] body.pc-root.pc-guest.pk-site .pk-sec { background-image: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-lpm-ship { background: var(--bg); background-image: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-lp-page__fan, html[data-plk] body.pc-root.pc-guest.pk-site .pn-lpm-hero .pn-lpm-art { display: none; }   /* the hero = text, as the en guide's */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-help__go { min-height: var(--control-md); background: var(--surface-2); color: var(--ink); }
/* the home: at most two keys per screen (HOME-054) — the hero's pair, one key for how it works, one for the trust page, one for
   the profiles, one in the closing block and the closing pair; the keys repeated in between leave */
html[data-plk] body.pc-root.pc-guest.pk-site :is(.pk-inside, .pk-feats, .pk-sec--game) .pc-btn, html[data-plk] body.pc-root.pc-guest.pk-site :is(.pn-buy__go, .pn-lbsticky__more, .pn-lp-proof .pc-btn--primary, .pn-lp-door--top) { display: none; }
/* her post (templates/cm_ad_post.php): the member column, her other posts on member cards, the «her own words» line a quiet label */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-cp { max-width: none; }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-cp-hand { font: var(--type-label); color: var(--ink-2); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-cp-hand svg { display: none; }
/* topic pages (templates/topic.php): the closing band a member panel ground with the one pink key */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-tp-band { background: var(--surface); color: var(--ink); }
html[data-plk] body.pc-root.pc-guest.pk-site .pn-tp-band :is(h2, p) { color: inherit; }
/* every wordmark outside is the member logo (Pirata One, lower case; the order wizard's bar asked for the poster face) */
html[data-plk] body.pc-root.pc-guest.pk-site .pn-do-logo { font-family: "Pirata One", serif; font-weight: 400; text-transform: lowercase; }
/* ---------- guest light mode (owner 04.11.2026: «den aussenbereich auch in einem lightmode oben mit toggle so wie innen»,
   lib/guest_light.php, only with pnew/switch/guest_light and the guest's choice) ----------
   tools/css_plastik.php appends this after src-css/plastik/guest.css and re-scopes it like guest.css (the home body .pk, the
   join and log-in pages, the sign-up wizard, the order wizard). In light the page takes the member area's light roles of
   src-css/tokens.css (the duck-egg ground, paper panels, anthracite ink — what a member sees with the toggle on light), and the
   chrome is what it is inside in light: since 04.11. (owner: «für navi header und den footer auch was helles») the light
   chrome of tokens.css («LIGHT CHROME»: paper bar, duck-egg wells, anthracite words, the grey 50 % hairline), read through the
   chrome tokens (--chrome, --on-chrome, --chrome-well). This file only says what the guest layer needs on top: the member
   geometry (a theme never moves the column), one more surface step for the «+1 step» rule, the flat keys of §7.2, and the
   chrome's keys on those tokens. Role tokens only. */

html[data-plk][data-theme="light"] { background: var(--bg); }   /* the overscroll behind the page: the ground */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site {
  /* the member geometry (tokens.css sets it in the Modern Dark block only): the 1372 column and the 76 px header in both themes */
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;
  /* the light ladder: ground --bg, panel --surface (paper), on a panel --surface-2 (the duck-egg well), the pointer --surface-3 */
  --surface-2: var(--canvas); --surface-3: var(--t-over-3); --glyph-off: var(--ink-3);
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3);
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);
  /* the old «dark door» boxes are member panels outside (as the Modern Dark block aliases them): paper with ink in light */
  --dk-bg: var(--surface); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2); --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --card-dk: var(--surface);
}

/* keys (§7.2, as dark.css says them for members and guests in dark): flat — no sheen, gradient, glow or lift; the one pink key,
   every other key one step up from what it stands on */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-btn { box-shadow: none; text-shadow: none; filter: none; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-btn:not(.pc-btn--primary, .pc-btn--premium) { background-image: none; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--primary, .pc-btn--pink) { background: var(--accent); color: var(--on-accent); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--primary, .pc-btn--pink):hover { background: var(--accent-press); color: var(--on-accent); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft) { background-color: var(--t-tint); color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft):hover { background-color: var(--t-tint-2); color: var(--ink); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--quiet, .pc-btn--ghost) { background-color: transparent; color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-btn--quiet, .pc-btn--ghost):hover { background-color: var(--t-tint); }

/* the chrome: header and footer are the light chrome of the member area in light (tokens.css «LIGHT CHROME», owner 04.11.).
   Their keys, wells and words read the chrome tokens; the header's menu sheet is page, not chrome (it keeps the light roles). */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-header__icons, .pn-cartbtn, .pc-burger > summary),
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pn-gfooter, .pc-footer) {
  --surface: var(--chrome-2); --surface-2: var(--chrome-well); --surface-3: var(--chrome-well-hover); --t-tint: var(--chrome-well); --t-tint-2: var(--chrome-well-hover);
  --ink: var(--on-chrome); --ink-2: var(--on-chrome-2); --ink-3: var(--on-chrome-2); --accent-soft: var(--chrome-well-hover);
}
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet) { background-color: var(--chrome-well); color: var(--on-chrome); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet):hover { background-color: var(--chrome-well-hover); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header :is(.pc-iconbtn, .pc-burger > summary) { color: var(--on-chrome); }
/* the footer keeps the chrome's grey 50 % hairline on its top edge in light too (owner's standing order: grey 50 %, never removed) */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site :is(.pc-footer, .pn-gfooter) { border-top-color: var(--mline); }
/* the header's measures are the member header's in both themes (dark.css draws them for dark: the 46 px wordmark, the nav on
   --type-nav, the 48 px icon keys with the 24 px glyph) */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-logo { font-size: 46px; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-nav__link { font: var(--type-nav); letter-spacing: 0; color: var(--on-chrome); transition: color var(--dur-1) ease-out; }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-nav__link:hover { color: var(--accent-text); }   /* the light theme's pink ink (5.7:1 on the paper bar; the brand pink would be 1.9:1) */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-iconbtn { width: var(--header-key); height: var(--header-key); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-iconbtn .pc-ico { width: var(--icon-l); height: var(--icon-l); }
@media (max-width: 430px) { html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-iconbtn { width: 44px; height: 44px; } }
@media (max-width: 380px) { html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-logo { font-size: 40px; } }
/* the menu sheet is page (light roles): its «Dark mode» row in ink, the switch's track off a quiet ink (a control keeps 3:1) */
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-header .pc-burger__foot > .pc-burger__theme { color: var(--ink); font: var(--type-strong); }
html[data-plk][data-theme="light"] body.pc-root.pc-guest.pk-site .pc-burger__theme:not([aria-pressed="true"]) .pc-switch { background: var(--ink-3); }

/* the join pages on the same system (owner 03.11.) */
html[data-plk] body.pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest){--fs-m: 24px; --fs-section: 18px; --fs-subhead: 15px; --btn-fs: 15px; --btn-sm-fs: 13px;
  --fs-h1: var(--fs-m); --lh-head: 1.25; --lh-sub: 1.2; --tr-h: -.01em; --tr-head: 0em; --tr-btn: 0em;
  
  --fs-tile: 24px; --fs-price-l: 24px;                                                  
  --fs-num: 18px; --fs-price-m: 18px; --fs-plan: 18px; --fs-empty: 18px;   
  --fs-price-card: 15px; --fs-sub-s: 15px;                            
  
  --badge-font: 600 12px/16px var(--font-label); --badge-tr: 0em;}
html[data-plk]:is([lang="es"],[lang="fr"],[lang="it"],[lang="pt"]) body.pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest){--lh-head: 1.3; --lh-sub: 1.24}
html[data-plk][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest){--app-head-bg: radial-gradient(24% 300px at 66% 0%, #2A2630 0%, #1D2328 40%, #141823 100%);}
html[data-plk][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest){--md-bg: #101114; --md-header: #0B0C0E; --md-card: #1B1D22; --md-input: #26282E; --md-hover: #303239;
  --md-ink: #F5F5F7; --md-ink-2: #A2A4AD; --md-ink-3: #8E919B; --md-glyph-off: #777A84;   
  --md-on-pink: #101114; --md-pink-soft: rgb(255 157 178 / .12);
  --md-glass: rgb(11 12 14 / .5); --md-line: transparent;   
  
  --canvas: var(--md-bg); --bg: var(--md-bg); --app-ground: var(--md-bg); --app-head-bg: var(--md-header);
  --chrome: var(--md-header); --surface: var(--md-card); --surface-2: var(--md-input); --surface-3: var(--md-hover);
  --ink: var(--md-ink); --ink-2: var(--md-ink-2); --ink-3: var(--md-ink-3); --glyph-off: var(--md-glyph-off);
  --on-accent: var(--md-on-pink); --accent-soft: var(--md-pink-soft); --focus-ring: var(--accent);
  --on-chrome: var(--ink); --on-chrome-2: var(--ink-2);   
  --success: #2FD27A; --danger: #FF8A7A; --warning: #F2B84B; --online: var(--success); --live: var(--success);
  --on-success: var(--md-on-pink); --on-danger: var(--md-on-pink);
  --glass: var(--md-glass); --scrim: rgb(5 5 7 / .66); --shadow-e1: 0 16px 48px rgb(0 0 0 / .5);
  --line: var(--md-line); --line-2: var(--md-line); --oxblood: var(--md-line);
  
  --md-white: var(--md-ink); --md-meta: var(--md-ink-2); --md-sep: var(--md-hover); --md-row-line: var(--md-line);
  --md-pink-line: var(--accent);   
  --md-shadow: none; --md-shadow-hover: none; --md-ease: var(--dur-1) ease-out;   
  --md-r-card: var(--r-l); --md-r-media: var(--r-m);   
  --anthracite: var(--md-on-pink);   
  --sunken: var(--surface-2); --field: var(--surface-2); --field-in: var(--surface-2);   
  --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --bubble-in: var(--surface-2);
  --chrome-2: var(--surface); --prem-bg: var(--chrome);
  --chrome-well: var(--surface-2); --chrome-well-hover: var(--surface-3);
  --btn-ink: var(--surface-2); --on-btn-ink: var(--ink); --btn-ink-edge: var(--md-line); --btn-ink-hover: var(--surface-3); --btn-ink-hover-fx: none;
  --btn-line-bg: var(--surface-2); --btn-line-edge: var(--md-line);
  --dk-bg: var(--chrome); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2);
  
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3); --t-sel: var(--surface-3); --on-t-sel: var(--ink);
  
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);   
  --seg-on: var(--surface-3); --on-seg-on: var(--ink);
  --check-on: var(--accent); --on-check-on: var(--on-accent);
  --switch-off: var(--surface-3); --switch-knob: var(--ink-2); --switch-knob-sh: none; --switch-on: var(--ink-3); --switch-knob-on: var(--ink);   
  --glass-key: var(--glass); --glass-key-ink: var(--ink); --glass-key-hover: var(--scard-glass-hover);   
  --tile-num: var(--ink);   
  --toast-bg: var(--surface-2); --toast-r: var(--r-l);   
  --white: var(--ink);   
  --t-mute: var(--surface-3);
  
  --t-over: var(--surface-2); --t-over-2: var(--surface-3); --t-over-3: var(--surface-3);
  --t-field-edge: var(--md-line); --t-field-edge-over: var(--md-line);
  --sh-float: var(--shadow-e1); --sh-sheet: var(--shadow-e1); --sh-card: none; --sh-card-hover: none;
  --ph-media: var(--surface-2); --ph-media-2: var(--surface-2); --ph-text: var(--ink-2);
  
  --scard-shade: linear-gradient(180deg, rgb(11 12 14 / .12) 0%, rgb(11 12 14 / 0) 18%, rgb(11 12 14 / 0) 60%, rgb(11 12 14 / .14) 100%);
  --scard-cap-shade: linear-gradient(180deg, rgb(11 12 14 / 0) 0%, rgb(11 12 14 / .28) 30%, rgb(11 12 14 / .62) 62%, rgb(11 12 14 / .86) 100%);
  --scard-cap-blush: var(--scard-cap-shade); --pcard-cap-blush: var(--scard-cap-shade);
  --scard-glass: var(--glass); --scard-glass-hover: rgb(11 12 14 / .6); --chip-glass: var(--glass);
  
  --card-dk: var(--surface); --chrome-grad: var(--chrome); --t-band: var(--chrome); --footer-bg: var(--chrome);
  --pola-edge: var(--surface-2); --t-chrome: var(--chrome); --chrome-line: var(--md-line);
  --t-card-edge: var(--md-line); --t-card-edge-hover: var(--md-line); --t-hair: var(--md-line);
  
  --av-g0: var(--surface-2); --av-g1: var(--surface-3); --av-g2: var(--surface-2); --av-g3: var(--surface-3);
  --av-g4: var(--surface-2); --av-g5: var(--surface-3); --av-g6: var(--surface-2); --av-g7: var(--surface-3);
  --dk-veil: rgb(11 12 14 / .6); --sh-chrome: none;
  
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;}
html[data-plk][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pn-sheet,.pn-menu,dialog){--field: var(--surface-3); --field-in: var(--surface-3); --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3);}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link{color:var(--ink);transition:color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link:hover{color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link.is-active,html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link[aria-current]{color:var(--ink)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{background:transparent;color:var(--ink);transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn:hover{background:var(--surface-2);color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn:is(.is-active,[aria-current="page"]){color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__avatar:is(.is-active,[aria-current="page"]){box-shadow:0 0 0 2px var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay.pn-header__pay{box-shadow:none;background:var(--accent);color:var(--on-accent);border-color:transparent;border-radius:var(--r-full);font-weight:var(--w-bold);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay.pn-header__pay:hover{background:var(--accent-press);color:var(--on-accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key){background:var(--surface-2);color:var(--ink);border:1px solid var(--md-line);border-radius:var(--r-full);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key):hover{background:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header{min-height:var(--header-h)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link{font:var(--type-nav);letter-spacing:0}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__pay,.pn-header__earn,.pn-header__new,.pn-navpin,.pn-navmore__key){min-height:var(--header-key);padding:0 var(--space-5);font:var(--type-nav)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{width:var(--header-key);height:var(--header-key)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn .pc-ico{width:var(--icon-l);height:var(--icon-l)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__avatar{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{font-size:46px}
@media (max-width:430px){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__end{min-width:0;gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__end .pc-header__icons{gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay{min-width:0;flex:0 1 auto;padding:0 var(--space-3);font:700 15px/22px var(--body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__payshort{min-width:0;max-width:100%}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__paytxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{flex-shrink:0}
}
@media (max-width:380px){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{font-size:40px}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn{box-shadow:none;text-shadow:none;transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn:not(.pc-btn--primary,.pc-btn--premium){background-image:none}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--primary{background:var(--accent);color:var(--on-accent);border-color:transparent}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--primary:hover{background:var(--accent-press)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay){background-color:var(--t-tint);color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay):hover{background-color:var(--t-tint-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:transparent;color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:var(--surface-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--danger:not(.is-confirm){background-color:transparent;color:var(--danger);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--danger:not(.is-confirm):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pn-ra{--t-tint:var(--surface-3);--t-tint-2:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard.is-premium .pc-scard__cap::before{background:var(--scard-cap-shade)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard__name{color:var(--scard-ink);font-size:var(--fs-title)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard__meta{color:var(--scard-ink-2);font-size:var(--fs-body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-scard__score,.pc-scard__n){background:var(--glass);color:var(--scard-ink);border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard .pc-card__fav{background:var(--glass);border-color:transparent;color:var(--scard-ink);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard .pc-card__fav:hover{background:var(--scard-glass-hover)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pn-like,.pc-card__fav)[aria-pressed="true"] .pc-ico{color:var(--accent);animation:pn-md-like var(--dur-2) ease-out}
@media (prefers-reduced-motion: reduce){html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) *{animation:none !important;transition:none !important}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header{border-bottom-color:var(--hline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-footer,.pn-gfooter){border-top-color:var(--mline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pc-root.pn-joinbody.pk-site:not(.pn-adm):not(.pc-guest) .pc-tabbar{border-top-color:var(--mline)}
/* ---------- guests = the member area (owner 03.11.2026; docs/design-system.md §13, wave 2 package P7) ----------
   tools/css_plastik.php appends this after the member layer re-scoped to the guest body (pnew_plkcss_guest_build) and
   re-scopes it to the home (body .pk), the join and log-in pages (.pn-joinbody), the sign-up wizard and the order wizard.
   The member layer already brings the tokens (Inter, the type scale, the Modern Dark roles, the 1372 column, the 76 px header),
   the focus ring and the kit; this file only carries what the guest markup needs on top — the guest header and its menu,
   the 18+ / bottom bars, the guest page components of other bundles — and only in role tokens (§2–§8), never a copy of a
   member value. */

html[data-plk] { background: #101114; }   /* the overscroll behind the page: the ground (--md-bg) */
html[data-plk] body.pc-root.pn-joinbody.pk-site { background: var(--bg); background-image: none; color: var(--ink); }

/* ---------- chrome: the header (§12) — solid chrome, 76 px, the grey 50 % hairline, no blur, no shadow ---------- */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header { min-height: var(--header-h); background: var(--chrome); border-bottom: 1px solid var(--hline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header::after { content: none; }
/* owner 04.11. («die müssen gecentered sein oben in der Navi»): logo left, the text links in the centre, the keys right — where
   the nav is shown; folded (menu key) the grid still keeps logo left and keys right */
html[data-plk] body.pc-root.pc-guest .pc-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-6); }   /* centred in the space between logo and keys: never pushes the keys out (it/fr/es labels are longer) */
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-logo { justify-self: start; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-nav { justify-self: center; margin: 0; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pn-header__end { justify-self: end; grid-column: 3; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-logo__dot { box-shadow: none; }   /* NAV-010: the dot never glows */
/* header keys = the member header's keys (dark.css .pn-header__pay / .pn-header__new): pills at --header-key (48, phones 44),
   the nav voice (--type-nav), secondary on surface 2 («Log in», «Join free»), the one pink key («Start selling») */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) {
  min-height: var(--header-key); height: var(--header-key); padding: 0 var(--space-5); border: 0; border-radius: var(--r-full); font: var(--type-nav); letter-spacing: 0;
  box-shadow: none; transform: none; filter: none; transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan) { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan):hover { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pn-header__join { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pn-header__join:hover { background: var(--accent-press); color: var(--on-accent); }
@media (max-width: 700px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-4); } }
@media (max-width: 380px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-3); } }

/* the menu key (templates/plastik/header.php .pc-burger): the member «Menu» key — a secondary pill with the bars and the word
   where the nav folds (701+), a round 44 key with the bars on phones; open = the bars become a cross */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary { display: inline-flex; align-items: center; gap: var(--space-2); width: auto; min-width: var(--header-key); height: var(--header-key);
  padding: 0 var(--space-5) 0 44px; border: 0; border-radius: var(--r-full); background: var(--surface-2); color: var(--ink); font: var(--type-nav); transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary:hover, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger[open] > summary { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary::after { left: var(--space-5); right: auto; width: var(--icon-s); background: currentColor; box-shadow: 0 5px 0 currentColor; top: calc(50% - 6px); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary::after { top: calc(50% + 4px); box-shadow: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger[open] > summary::before, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger[open] > summary::after { top: calc(50% - 1px); box-shadow: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__lbl { white-space: nowrap; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }   /* the one ring (§8, NAV-048) */
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary { width: var(--header-key); padding: 0; justify-content: center; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger > summary::after { left: calc(50% - 8px); }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
/* the open menu is an e1 sheet (§6): surface 2 with the float shadow over the scrim, on the drawer step of the z ladder; rows
   48 px in the strong body voice, pointer = one step up, the current page marked like the member menu; the doors stacked as
   page keys; the language pills one step up from the sheet */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header:has(.pc-burger[open]) { z-index: var(--z-drawer); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger[open]::before { background: var(--scrim); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__menu { border: 0; background: var(--surface-2); box-shadow: var(--shadow-e1);
  --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3); --chrome-well: var(--surface-3); --chrome-well-hover: var(--surface-3); }   /* «+1 step» in an overlay (§2.1) */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger[open] .pc-burger__menu { gap: var(--space-1); padding: var(--space-3) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom)); border-width: 0; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__menu > a { min-height: 48px; padding: 0 var(--space-3); border-radius: var(--r-m); color: var(--ink); font: var(--type-strong); letter-spacing: 0; text-decoration: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__menu > a:hover { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__menu > a[aria-current] { background: var(--surface-3); color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger__foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-top: var(--space-6); padding-top: 0; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger__foot > .pc-btn { width: 100%; min-height: var(--control-md); padding: 0 var(--space-4); border: 0; border-radius: var(--r-m); font: var(--type-strong); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger__foot > :is(.pc-btn--line, .pc-btn--ghost) { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger__foot > .pc-btn--primary { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__lang { gap: var(--space-2); margin: var(--space-3) 0 0; }
/* language pills (menu and footer, NAV-067 / 091): one pill — --control-sm, the label voice, one step up from what they stand on,
   the current one a tone higher with the pink dot */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-burger__lang, .pn-gfooter__bar) a { min-height: var(--control-sm); padding: 0 var(--space-3); border: 0; border-radius: var(--r-full); font: var(--type-label); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__lang a { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-burger__lang a[aria-current] { background: var(--accent-soft); }   /* the chosen chip (§2.3) with the pink dot */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-gfooter__bar a { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-gfooter__bar a:hover, html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-gfooter__bar a[aria-current] { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-gfooter__adult { font: var(--type-cap); }   /* NAV-090 / CONT-017: the 18+ badge on the 12 px step */

/* the nav folds where the member nav folds (inside.css: 701–1100 every language, 1101–1360 es / fr / it / pt; fr guests to
   1800, their labels are longer): the words and «Log in» go into the menu key, the header keeps the doors (chrome.css folds
   701–960 for every guest page) */
@media (min-width: 961px) and (max-width: 1100px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1360px) {   /* as the member nav */
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-joinbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1800px) {   /* fr: the guest labels are longer (adult fr measured 1595 px at 1440, 1725 at 1700) */
  html[data-plk][lang="fr"] body.pc-root.pn-joinbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk][lang="fr"] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk][lang="fr"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 701px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pn-header__end { gap: var(--space-3); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header .pn-header__fan { display: none; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pn-header__end, .pc-header__icons) { gap: var(--space-2); }
}

/* ---------- chrome: bottom and sticky bars on guest pages (NAV-106..112): one finish — the chrome tone, the grey 50 % hairline
   on the inner edge, no glass, no shadow, on the bar step of the z ladder. Owner 04.11.: the profile tabs are the members' pills
   inside the head card (templates/member_guest.php = member.php), no chrome rail outside any more ---------- */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-cp-bar, .pn-dtbar, .pn-lbsticky) { background: var(--chrome); border-top: 1px solid var(--mline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: var(--z-bar); }
/* the adult 18+ note bar (site.css .pk-adh18, §13): its confirm key is a secondary key — no pink beside the header's pink key; the
   doubled attribute and the key's three classes outrank the member key layer projected above */
html[data-plk][data-plk] body.pc-root.pn-joinbody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm { background: var(--surface-2); color: var(--ink); border-color: transparent; }
html[data-plk][data-plk] body.pc-root.pn-joinbody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm:hover { background: var(--surface-3); color: var(--ink); }

/* ---------- the join and log-in pages (templates/join_layout.php: header.pc-header.pn-joinnav; this file is re-scoped to them): the
   site header with fewer slots — the header rules above give it the chrome, the hairline, the 76 px and the header key; here
   only what the join bar adds: its back key as a round header icon key, the quiet «New here?» line; the footer on phones too ---------- */
@media (min-width: 701px) { html[data-plk] body.pc-root.pn-joinbody.pk-site { --col-pad: max(var(--wide-gutter), calc((100% - var(--main-max)) / 2)); } }   /* the member column on the join body too (layout.css sets it for the guest body) */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-joinnav { padding-inline: var(--col-pad); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-joinnav .pn-joinnav__have { font: var(--type-meta); color: var(--ink-2); opacity: 1; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-joinnav .pc-iconbtn { width: var(--header-key); height: var(--header-key); border: 0; border-radius: var(--r-full); background: transparent; color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-joinnav .pc-iconbtn:hover { background: var(--surface-2); }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-joinnav { padding-inline: var(--gutter); gap: var(--space-2); }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-footer { display: block; padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom)); }
}

/* ---------- listing grids = the member marketplace (.pn-main > .pn-wide .pn-grid): 2 on phones, 3 / 4 / 5 from 701 / 1024 /
   1280 at the wide gap; seller grids = the member sellers grid (.pn-sellergrid): 3 / 4 / 6 from 701 / 900 / 1200 ---------- */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wide-grid-gap); }
@media (min-width: 1024px) { html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (min-width: 900px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards), html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
}
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__grid > * { min-width: 0; height: 100%; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-card, .pc-scard) { box-shadow: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-card, .pc-scard):hover { transform: none; box-shadow: none; }
/* adult market (templates/partials/adult_market.php): the pill row closes the head, then the grid */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__facets { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; margin: var(--space-5) 0 0; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__facets::-webkit-scrollbar { display: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__facets .pn-facet { flex: none; white-space: nowrap; }
/* owner 04.11. («tabs sind gequetscht, die können eine Reihe drunter, dann verdeckt der CTA die auch nicht»): from the
   desktop split on, the filter chips wrap into rows inside the head column instead of one sideways-scrolling line */
@media (min-width: 900px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__facets { flex-wrap: wrap; overflow: visible; row-gap: var(--space-3); column-gap: var(--space-2); } }
/* owner 05.11. «zu gequetscht die tabber»: the filter chips got air — room under the last row before the band ends (the head
   had 0 under it), a wider chip and a taller row gap */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-8); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__facets .pn-facet { padding: 0 var(--space-4); min-height: 40px; }
@media (max-width: 899px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-5); } }
/* market head: the intro runs up to the join box, the join box stands from the head's top to the intro's foot */
@media (min-width: 1000px) {
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk :is(.pn-hubintro, .pn-hubintro p) { max-width: none; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk.pn-split { column-gap: var(--space-8); }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk > .pn-split__lead { align-self: stretch; display: flex; }
  html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk > .pn-split__lead > * { flex: 1; margin: 0; }
}
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-amk__more { display: flex; justify-content: center; margin: var(--space-8) 0 0; padding: 0; background: none; }
/* the market's review and text blocks start on the content edge with the section gap (ADULT-042/043/046) */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-hubquotes, .pn-seotext, .pn-hubmore) { margin-top: var(--section-gap); padding-inline: 0; max-width: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-seotext { display: block; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-seotext__side { display: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-seotext .pc-prose { max-width: 72ch; }

/* ---------- the guest page components of the other bundles (landing, guide, cmguide, cmpost, topic, join, order): on the
   member system — group-label kickers, plain heads (no tape, marker word or handwriting), panels for every box, no props ---------- */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-kicker, .pk-kick) { color: var(--ink-2); }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-kicker, .pk-kick)::before, html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-kicker, .pk-kick)::after, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-kicker .pc-tub { display: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(h1, h2, h3) :is(em, .pc-hl, mark) { background: none; color: inherit; font-style: normal; padding: 0; box-shadow: none; text-shadow: none; filter: none; -webkit-box-decoration-break: slice; box-decoration-break: slice; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-hl::before, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-hl::after { content: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-main :is(h1, h2, h3):not(.pc-card__title) { color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-main:not(.pn-join) h1:not(.pn-dthead__name):not(.pn-hm-hero__h) { font: var(--type-display); letter-spacing: var(--tr-h); text-transform: none; }   /* the page head outside (§13): display 30, phones 24; the home's h1 has the home ladder (landing.css, §13b) */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pc-hand, .pn-hand, .pn-joinhead__hand, .pn-do-aside, .pc-fix):not(.pn-dthead__hand) { font: var(--type-meta); font-weight: var(--w-strong); color: var(--ink-2); text-transform: none; transform: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-toc ol li::marker, html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-toc li > span:first-child { color: var(--ink-3); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-prose ol > li::marker { color: var(--ink-2); font-family: var(--body); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-prose h2 { font: var(--type-h1); letter-spacing: var(--tr-h); }   /* the editorial h2 (§13) */
@media (max-width: 700px) { html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-prose h2 { font: var(--type-title); } }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pk-sec :is(h2.pc-h-xl, h2.pc-h-l, h2.pc-h-m, .pk-sec__h) { font: var(--type-h1); letter-spacing: var(--tr-h); text-transform: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-cg__ctah { font: var(--type-title); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-lp-hero__h { font: var(--type-display); letter-spacing: var(--tr-h); }   /* the guest hero (§13: one display head per page) */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-lp-hero__h, .pk-hero .pn-lp-hero__h)::after, html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-lp-qfoot::before { content: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-arr { display: none; }   /* no text arrow in keys or «more» links (HOME-015) */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-btn::after { content: none; }   /* no drip under any key */
html[data-plk] body.pc-root.pn-joinbody.pk-site:not(.pk) .pn-main :is(.pk-obj, .pc-prop, .pc-obj) { display: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pk-prop, .pk-hero__glow) { display: none; }
/* panels: the pink and paper blocks, the steps, the plans, the callouts, the care labels, the receipt and the proof note —
   all the member panel (§9.2) */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pc-toc, .pk-panel, .pn-joinbox, .pc-box--cr, .pn-gd-callout, .pk-sticky, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof,
  .pn-lp-step, .pn-lp-page__plan, .pn-lp-page__table, .pn-mp__answer, .pc-door) { border: 0; outline: 0; border-radius: var(--r-l); background: var(--surface); background-image: none; color: var(--ink); box-shadow: none; transform: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) :is(p, b, small, span, h2, h3, .pn-cg__ctah, .pn-gd-callout__k) { color: inherit; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) .pc-badge--accent { color: var(--on-accent); }   /* content pass 06.11.: the pink label keeps its own ink (dark: white on pink read 1.8 : 1, "Free · 18+" on adult's creators door) */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-gd-callout, .pn-cg__cta) a:not(.pc-btn) { color: inherit; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-gd-callout__k { color: var(--ink-2); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-receipt * { color: inherit; border-color: transparent; }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-proof, .pc-care)::before, html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-proof, .pc-care)::after { content: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-proof__big { color: var(--ink); font-family: var(--body); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pc-care__n { font: var(--type-cap); color: var(--ink-2); }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pk-sec--sell, .pc-on-pink) { background: var(--surface); background-image: none; color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pk-sec--sell, .pc-on-pink) :is(h2, h3, p, li, small) { color: inherit; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pk-sec { background-image: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-lpm-ship { background: var(--bg); background-image: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-lp-page__fan, html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-lpm-hero .pn-lpm-art { display: none; }   /* the hero = text, as the en guide's */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-help__go { min-height: var(--control-md); background: var(--surface-2); color: var(--ink); }
/* the home: at most two keys per screen (HOME-054) — the hero's pair, one key for how it works, one for the trust page, one for
   the profiles, one in the closing block and the closing pair; the keys repeated in between leave */
html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pk-inside, .pk-feats, .pk-sec--game) .pc-btn, html[data-plk] body.pc-root.pn-joinbody.pk-site :is(.pn-buy__go, .pn-lbsticky__more, .pn-lp-proof .pc-btn--primary, .pn-lp-door--top) { display: none; }
/* her post (templates/cm_ad_post.php): the member column, her other posts on member cards, the «her own words» line a quiet label */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-cp { max-width: none; }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-cp-hand { font: var(--type-label); color: var(--ink-2); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-cp-hand svg { display: none; }
/* topic pages (templates/topic.php): the closing band a member panel ground with the one pink key */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-tp-band { background: var(--surface); color: var(--ink); }
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-tp-band :is(h2, p) { color: inherit; }
/* every wordmark outside is the member logo (Pirata One, lower case; the order wizard's bar asked for the poster face) */
html[data-plk] body.pc-root.pn-joinbody.pk-site .pn-do-logo { font-family: "Pirata One", serif; font-weight: 400; text-transform: lowercase; }
/* ---------- guest light mode (owner 04.11.2026: «den aussenbereich auch in einem lightmode oben mit toggle so wie innen»,
   lib/guest_light.php, only with pnew/switch/guest_light and the guest's choice) ----------
   tools/css_plastik.php appends this after src-css/plastik/guest.css and re-scopes it like guest.css (the home body .pk, the
   join and log-in pages, the sign-up wizard, the order wizard). In light the page takes the member area's light roles of
   src-css/tokens.css (the duck-egg ground, paper panels, anthracite ink — what a member sees with the toggle on light), and the
   chrome is what it is inside in light: since 04.11. (owner: «für navi header und den footer auch was helles») the light
   chrome of tokens.css («LIGHT CHROME»: paper bar, duck-egg wells, anthracite words, the grey 50 % hairline), read through the
   chrome tokens (--chrome, --on-chrome, --chrome-well). This file only says what the guest layer needs on top: the member
   geometry (a theme never moves the column), one more surface step for the «+1 step» rule, the flat keys of §7.2, and the
   chrome's keys on those tokens. Role tokens only. */

html[data-plk][data-theme="light"] { background: var(--bg); }   /* the overscroll behind the page: the ground */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site {
  /* the member geometry (tokens.css sets it in the Modern Dark block only): the 1372 column and the 76 px header in both themes */
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;
  /* the light ladder: ground --bg, panel --surface (paper), on a panel --surface-2 (the duck-egg well), the pointer --surface-3 */
  --surface-2: var(--canvas); --surface-3: var(--t-over-3); --glyph-off: var(--ink-3);
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3);
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);
  /* the old «dark door» boxes are member panels outside (as the Modern Dark block aliases them): paper with ink in light */
  --dk-bg: var(--surface); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2); --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --card-dk: var(--surface);
}

/* keys (§7.2, as dark.css says them for members and guests in dark): flat — no sheen, gradient, glow or lift; the one pink key,
   every other key one step up from what it stands on */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-btn { box-shadow: none; text-shadow: none; filter: none; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-btn:not(.pc-btn--primary, .pc-btn--premium) { background-image: none; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--primary, .pc-btn--pink) { background: var(--accent); color: var(--on-accent); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--primary, .pc-btn--pink):hover { background: var(--accent-press); color: var(--on-accent); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft) { background-color: var(--t-tint); color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft):hover { background-color: var(--t-tint-2); color: var(--ink); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost) { background-color: transparent; color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost):hover { background-color: var(--t-tint); }

/* the chrome: header and footer are the light chrome of the member area in light (tokens.css «LIGHT CHROME», owner 04.11.).
   Their keys, wells and words read the chrome tokens; the header's menu sheet is page, not chrome (it keeps the light roles). */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-header__icons, .pn-cartbtn, .pc-burger > summary),
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pn-gfooter, .pc-footer) {
  --surface: var(--chrome-2); --surface-2: var(--chrome-well); --surface-3: var(--chrome-well-hover); --t-tint: var(--chrome-well); --t-tint-2: var(--chrome-well-hover);
  --ink: var(--on-chrome); --ink-2: var(--on-chrome-2); --ink-3: var(--on-chrome-2); --accent-soft: var(--chrome-well-hover);
}
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet) { background-color: var(--chrome-well); color: var(--on-chrome); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet):hover { background-color: var(--chrome-well-hover); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header :is(.pc-iconbtn, .pc-burger > summary) { color: var(--on-chrome); }
/* the footer keeps the chrome's grey 50 % hairline on its top edge in light too (owner's standing order: grey 50 %, never removed) */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site :is(.pc-footer, .pn-gfooter) { border-top-color: var(--mline); }
/* the header's measures are the member header's in both themes (dark.css draws them for dark: the 46 px wordmark, the nav on
   --type-nav, the 48 px icon keys with the 24 px glyph) */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-logo { font-size: 46px; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-nav__link { font: var(--type-nav); letter-spacing: 0; color: var(--on-chrome); transition: color var(--dur-1) ease-out; }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-nav__link:hover { color: var(--accent-text); }   /* the light theme's pink ink (5.7:1 on the paper bar; the brand pink would be 1.9:1) */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-iconbtn { width: var(--header-key); height: var(--header-key); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-iconbtn .pc-ico { width: var(--icon-l); height: var(--icon-l); }
@media (max-width: 430px) { html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-iconbtn { width: 44px; height: 44px; } }
@media (max-width: 380px) { html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-logo { font-size: 40px; } }
/* the menu sheet is page (light roles): its «Dark mode» row in ink, the switch's track off a quiet ink (a control keeps 3:1) */
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-header .pc-burger__foot > .pc-burger__theme { color: var(--ink); font: var(--type-strong); }
html[data-plk][data-theme="light"] body.pc-root.pn-joinbody.pk-site .pc-burger__theme:not([aria-pressed="true"]) .pc-switch { background: var(--ink-3); }

/* the sign-up wizards */
/* ---------- guests = the member area (owner 03.11.2026; docs/design-system.md §13, wave 2 package P7) ----------
   tools/css_plastik.php appends this after the member layer re-scoped to the guest body (pnew_plkcss_guest_build) and
   re-scopes it to the home (body .pk), the join and log-in pages (.pn-joinbody), the sign-up wizard and the order wizard.
   The member layer already brings the tokens (Inter, the type scale, the Modern Dark roles, the 1372 column, the 76 px header),
   the focus ring and the kit; this file only carries what the guest markup needs on top — the guest header and its menu,
   the 18+ / bottom bars, the guest page components of other bundles — and only in role tokens (§2–§8), never a copy of a
   member value. */

html[data-plk] { background: #101114; }   /* the overscroll behind the page: the ground (--md-bg) */
html[data-plk] body.pc-root.pn-wizbody.pk-site { background: var(--bg); background-image: none; color: var(--ink); }

/* ---------- chrome: the header (§12) — solid chrome, 76 px, the grey 50 % hairline, no blur, no shadow ---------- */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header { min-height: var(--header-h); background: var(--chrome); border-bottom: 1px solid var(--hline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header::after { content: none; }
/* owner 04.11. («die müssen gecentered sein oben in der Navi»): logo left, the text links in the centre, the keys right — where
   the nav is shown; folded (menu key) the grid still keeps logo left and keys right */
html[data-plk] body.pc-root.pc-guest .pc-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-6); }   /* centred in the space between logo and keys: never pushes the keys out (it/fr/es labels are longer) */
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-logo { justify-self: start; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-nav { justify-self: center; margin: 0; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pn-header__end { justify-self: end; grid-column: 3; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-logo__dot { box-shadow: none; }   /* NAV-010: the dot never glows */
/* header keys = the member header's keys (dark.css .pn-header__pay / .pn-header__new): pills at --header-key (48, phones 44),
   the nav voice (--type-nav), secondary on surface 2 («Log in», «Join free»), the one pink key («Start selling») */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) {
  min-height: var(--header-key); height: var(--header-key); padding: 0 var(--space-5); border: 0; border-radius: var(--r-full); font: var(--type-nav); letter-spacing: 0;
  box-shadow: none; transform: none; filter: none; transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan) { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan):hover { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pn-header__join { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pn-header__join:hover { background: var(--accent-press); color: var(--on-accent); }
@media (max-width: 700px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-4); } }
@media (max-width: 380px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-3); } }

/* the menu key (templates/plastik/header.php .pc-burger): the member «Menu» key — a secondary pill with the bars and the word
   where the nav folds (701+), a round 44 key with the bars on phones; open = the bars become a cross */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary { display: inline-flex; align-items: center; gap: var(--space-2); width: auto; min-width: var(--header-key); height: var(--header-key);
  padding: 0 var(--space-5) 0 44px; border: 0; border-radius: var(--r-full); background: var(--surface-2); color: var(--ink); font: var(--type-nav); transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary:hover, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger[open] > summary { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary::after { left: var(--space-5); right: auto; width: var(--icon-s); background: currentColor; box-shadow: 0 5px 0 currentColor; top: calc(50% - 6px); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary::after { top: calc(50% + 4px); box-shadow: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger[open] > summary::before, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger[open] > summary::after { top: calc(50% - 1px); box-shadow: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__lbl { white-space: nowrap; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }   /* the one ring (§8, NAV-048) */
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary { width: var(--header-key); padding: 0; justify-content: center; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary::before, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger > summary::after { left: calc(50% - 8px); }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
/* the open menu is an e1 sheet (§6): surface 2 with the float shadow over the scrim, on the drawer step of the z ladder; rows
   48 px in the strong body voice, pointer = one step up, the current page marked like the member menu; the doors stacked as
   page keys; the language pills one step up from the sheet */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header:has(.pc-burger[open]) { z-index: var(--z-drawer); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger[open]::before { background: var(--scrim); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__menu { border: 0; background: var(--surface-2); box-shadow: var(--shadow-e1);
  --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3); --chrome-well: var(--surface-3); --chrome-well-hover: var(--surface-3); }   /* «+1 step» in an overlay (§2.1) */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger[open] .pc-burger__menu { gap: var(--space-1); padding: var(--space-3) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom)); border-width: 0; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__menu > a { min-height: 48px; padding: 0 var(--space-3); border-radius: var(--r-m); color: var(--ink); font: var(--type-strong); letter-spacing: 0; text-decoration: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__menu > a:hover { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__menu > a[aria-current] { background: var(--surface-3); color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger__foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-top: var(--space-6); padding-top: 0; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger__foot > .pc-btn { width: 100%; min-height: var(--control-md); padding: 0 var(--space-4); border: 0; border-radius: var(--r-m); font: var(--type-strong); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger__foot > :is(.pc-btn--line, .pc-btn--ghost) { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger__foot > .pc-btn--primary { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__lang { gap: var(--space-2); margin: var(--space-3) 0 0; }
/* language pills (menu and footer, NAV-067 / 091): one pill — --control-sm, the label voice, one step up from what they stand on,
   the current one a tone higher with the pink dot */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-burger__lang, .pn-gfooter__bar) a { min-height: var(--control-sm); padding: 0 var(--space-3); border: 0; border-radius: var(--r-full); font: var(--type-label); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__lang a { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-burger__lang a[aria-current] { background: var(--accent-soft); }   /* the chosen chip (§2.3) with the pink dot */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-gfooter__bar a { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-gfooter__bar a:hover, html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-gfooter__bar a[aria-current] { background: var(--surface-3); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-gfooter__adult { font: var(--type-cap); }   /* NAV-090 / CONT-017: the 18+ badge on the 12 px step */

/* the nav folds where the member nav folds (inside.css: 701–1100 every language, 1101–1360 es / fr / it / pt; fr guests to
   1800, their labels are longer): the words and «Log in» go into the menu key, the header keeps the doors (chrome.css folds
   701–960 for every guest page) */
@media (min-width: 961px) and (max-width: 1100px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1360px) {   /* as the member nav */
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-wizbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1800px) {   /* fr: the guest labels are longer (adult fr measured 1595 px at 1440, 1725 at 1700) */
  html[data-plk][lang="fr"] body.pc-root.pn-wizbody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk][lang="fr"] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk][lang="fr"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 701px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pn-header__end { gap: var(--space-3); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header .pn-header__fan { display: none; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pn-header__end, .pc-header__icons) { gap: var(--space-2); }
}

/* ---------- chrome: bottom and sticky bars on guest pages (NAV-106..112): one finish — the chrome tone, the grey 50 % hairline
   on the inner edge, no glass, no shadow, on the bar step of the z ladder. Owner 04.11.: the profile tabs are the members' pills
   inside the head card (templates/member_guest.php = member.php), no chrome rail outside any more ---------- */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-cp-bar, .pn-dtbar, .pn-lbsticky) { background: var(--chrome); border-top: 1px solid var(--mline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: var(--z-bar); }
/* the adult 18+ note bar (site.css .pk-adh18, §13): its confirm key is a secondary key — no pink beside the header's pink key; the
   doubled attribute and the key's three classes outrank the member key layer projected above */
html[data-plk][data-plk] body.pc-root.pn-wizbody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm { background: var(--surface-2); color: var(--ink); border-color: transparent; }
html[data-plk][data-plk] body.pc-root.pn-wizbody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm:hover { background: var(--surface-3); color: var(--ink); }

/* ---------- the join and log-in pages (templates/join_layout.php: header.pc-header.pn-joinnav; this file is re-scoped to them): the
   site header with fewer slots — the header rules above give it the chrome, the hairline, the 76 px and the header key; here
   only what the join bar adds: its back key as a round header icon key, the quiet «New here?» line; the footer on phones too ---------- */
@media (min-width: 701px) { html[data-plk] body.pc-root.pn-wizbody.pk-site { --col-pad: max(var(--wide-gutter), calc((100% - var(--main-max)) / 2)); } }   /* the member column on the join body too (layout.css sets it for the guest body) */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-joinnav { padding-inline: var(--col-pad); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-joinnav .pn-joinnav__have { font: var(--type-meta); color: var(--ink-2); opacity: 1; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-joinnav .pc-iconbtn { width: var(--header-key); height: var(--header-key); border: 0; border-radius: var(--r-full); background: transparent; color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-joinnav .pc-iconbtn:hover { background: var(--surface-2); }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-joinnav { padding-inline: var(--gutter); gap: var(--space-2); }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-footer { display: block; padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom)); }
}

/* ---------- listing grids = the member marketplace (.pn-main > .pn-wide .pn-grid): 2 on phones, 3 / 4 / 5 from 701 / 1024 /
   1280 at the wide gap; seller grids = the member sellers grid (.pn-sellergrid): 3 / 4 / 6 from 701 / 900 / 1200 ---------- */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wide-grid-gap); }
@media (min-width: 1024px) { html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (min-width: 900px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards), html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
}
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__grid > * { min-width: 0; height: 100%; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-card, .pc-scard) { box-shadow: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-card, .pc-scard):hover { transform: none; box-shadow: none; }
/* adult market (templates/partials/adult_market.php): the pill row closes the head, then the grid */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__facets { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; margin: var(--space-5) 0 0; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__facets::-webkit-scrollbar { display: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__facets .pn-facet { flex: none; white-space: nowrap; }
/* owner 04.11. («tabs sind gequetscht, die können eine Reihe drunter, dann verdeckt der CTA die auch nicht»): from the
   desktop split on, the filter chips wrap into rows inside the head column instead of one sideways-scrolling line */
@media (min-width: 900px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__facets { flex-wrap: wrap; overflow: visible; row-gap: var(--space-3); column-gap: var(--space-2); } }
/* owner 05.11. «zu gequetscht die tabber»: the filter chips got air — room under the last row before the band ends (the head
   had 0 under it), a wider chip and a taller row gap */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-8); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__facets .pn-facet { padding: 0 var(--space-4); min-height: 40px; }
@media (max-width: 899px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-5); } }
/* market head: the intro runs up to the join box, the join box stands from the head's top to the intro's foot */
@media (min-width: 1000px) {
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk :is(.pn-hubintro, .pn-hubintro p) { max-width: none; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk.pn-split { column-gap: var(--space-8); }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk > .pn-split__lead { align-self: stretch; display: flex; }
  html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk > .pn-split__lead > * { flex: 1; margin: 0; }
}
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-amk__more { display: flex; justify-content: center; margin: var(--space-8) 0 0; padding: 0; background: none; }
/* the market's review and text blocks start on the content edge with the section gap (ADULT-042/043/046) */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-hubquotes, .pn-seotext, .pn-hubmore) { margin-top: var(--section-gap); padding-inline: 0; max-width: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-seotext { display: block; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-seotext__side { display: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-seotext .pc-prose { max-width: 72ch; }

/* ---------- the guest page components of the other bundles (landing, guide, cmguide, cmpost, topic, join, order): on the
   member system — group-label kickers, plain heads (no tape, marker word or handwriting), panels for every box, no props ---------- */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-kicker, .pk-kick) { color: var(--ink-2); }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-kicker, .pk-kick)::before, html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-kicker, .pk-kick)::after, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-kicker .pc-tub { display: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(h1, h2, h3) :is(em, .pc-hl, mark) { background: none; color: inherit; font-style: normal; padding: 0; box-shadow: none; text-shadow: none; filter: none; -webkit-box-decoration-break: slice; box-decoration-break: slice; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-hl::before, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-hl::after { content: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-main :is(h1, h2, h3):not(.pc-card__title) { color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-main:not(.pn-join) h1:not(.pn-dthead__name):not(.pn-hm-hero__h) { font: var(--type-display); letter-spacing: var(--tr-h); text-transform: none; }   /* the page head outside (§13): display 30, phones 24; the home's h1 has the home ladder (landing.css, §13b) */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pc-hand, .pn-hand, .pn-joinhead__hand, .pn-do-aside, .pc-fix):not(.pn-dthead__hand) { font: var(--type-meta); font-weight: var(--w-strong); color: var(--ink-2); text-transform: none; transform: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-toc ol li::marker, html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-toc li > span:first-child { color: var(--ink-3); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-prose ol > li::marker { color: var(--ink-2); font-family: var(--body); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-prose h2 { font: var(--type-h1); letter-spacing: var(--tr-h); }   /* the editorial h2 (§13) */
@media (max-width: 700px) { html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-prose h2 { font: var(--type-title); } }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pk-sec :is(h2.pc-h-xl, h2.pc-h-l, h2.pc-h-m, .pk-sec__h) { font: var(--type-h1); letter-spacing: var(--tr-h); text-transform: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-cg__ctah { font: var(--type-title); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-lp-hero__h { font: var(--type-display); letter-spacing: var(--tr-h); }   /* the guest hero (§13: one display head per page) */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-lp-hero__h, .pk-hero .pn-lp-hero__h)::after, html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-lp-qfoot::before { content: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-arr { display: none; }   /* no text arrow in keys or «more» links (HOME-015) */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-btn::after { content: none; }   /* no drip under any key */
html[data-plk] body.pc-root.pn-wizbody.pk-site:not(.pk) .pn-main :is(.pk-obj, .pc-prop, .pc-obj) { display: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pk-prop, .pk-hero__glow) { display: none; }
/* panels: the pink and paper blocks, the steps, the plans, the callouts, the care labels, the receipt and the proof note —
   all the member panel (§9.2) */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pc-toc, .pk-panel, .pn-joinbox, .pc-box--cr, .pn-gd-callout, .pk-sticky, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof,
  .pn-lp-step, .pn-lp-page__plan, .pn-lp-page__table, .pn-mp__answer, .pc-door) { border: 0; outline: 0; border-radius: var(--r-l); background: var(--surface); background-image: none; color: var(--ink); box-shadow: none; transform: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) :is(p, b, small, span, h2, h3, .pn-cg__ctah, .pn-gd-callout__k) { color: inherit; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) .pc-badge--accent { color: var(--on-accent); }   /* content pass 06.11.: the pink label keeps its own ink (dark: white on pink read 1.8 : 1, "Free · 18+" on adult's creators door) */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-gd-callout, .pn-cg__cta) a:not(.pc-btn) { color: inherit; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-gd-callout__k { color: var(--ink-2); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-receipt * { color: inherit; border-color: transparent; }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-proof, .pc-care)::before, html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-proof, .pc-care)::after { content: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-proof__big { color: var(--ink); font-family: var(--body); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pc-care__n { font: var(--type-cap); color: var(--ink-2); }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pk-sec--sell, .pc-on-pink) { background: var(--surface); background-image: none; color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pk-sec--sell, .pc-on-pink) :is(h2, h3, p, li, small) { color: inherit; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pk-sec { background-image: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-lpm-ship { background: var(--bg); background-image: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-lp-page__fan, html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-lpm-hero .pn-lpm-art { display: none; }   /* the hero = text, as the en guide's */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-help__go { min-height: var(--control-md); background: var(--surface-2); color: var(--ink); }
/* the home: at most two keys per screen (HOME-054) — the hero's pair, one key for how it works, one for the trust page, one for
   the profiles, one in the closing block and the closing pair; the keys repeated in between leave */
html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pk-inside, .pk-feats, .pk-sec--game) .pc-btn, html[data-plk] body.pc-root.pn-wizbody.pk-site :is(.pn-buy__go, .pn-lbsticky__more, .pn-lp-proof .pc-btn--primary, .pn-lp-door--top) { display: none; }
/* her post (templates/cm_ad_post.php): the member column, her other posts on member cards, the «her own words» line a quiet label */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-cp { max-width: none; }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-cp-hand { font: var(--type-label); color: var(--ink-2); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-cp-hand svg { display: none; }
/* topic pages (templates/topic.php): the closing band a member panel ground with the one pink key */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-tp-band { background: var(--surface); color: var(--ink); }
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-tp-band :is(h2, p) { color: inherit; }
/* every wordmark outside is the member logo (Pirata One, lower case; the order wizard's bar asked for the poster face) */
html[data-plk] body.pc-root.pn-wizbody.pk-site .pn-do-logo { font-family: "Pirata One", serif; font-weight: 400; text-transform: lowercase; }
/* ---------- guest light mode (owner 04.11.2026: «den aussenbereich auch in einem lightmode oben mit toggle so wie innen»,
   lib/guest_light.php, only with pnew/switch/guest_light and the guest's choice) ----------
   tools/css_plastik.php appends this after src-css/plastik/guest.css and re-scopes it like guest.css (the home body .pk, the
   join and log-in pages, the sign-up wizard, the order wizard). In light the page takes the member area's light roles of
   src-css/tokens.css (the duck-egg ground, paper panels, anthracite ink — what a member sees with the toggle on light), and the
   chrome is what it is inside in light: since 04.11. (owner: «für navi header und den footer auch was helles») the light
   chrome of tokens.css («LIGHT CHROME»: paper bar, duck-egg wells, anthracite words, the grey 50 % hairline), read through the
   chrome tokens (--chrome, --on-chrome, --chrome-well). This file only says what the guest layer needs on top: the member
   geometry (a theme never moves the column), one more surface step for the «+1 step» rule, the flat keys of §7.2, and the
   chrome's keys on those tokens. Role tokens only. */

html[data-plk][data-theme="light"] { background: var(--bg); }   /* the overscroll behind the page: the ground */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site {
  /* the member geometry (tokens.css sets it in the Modern Dark block only): the 1372 column and the 76 px header in both themes */
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;
  /* the light ladder: ground --bg, panel --surface (paper), on a panel --surface-2 (the duck-egg well), the pointer --surface-3 */
  --surface-2: var(--canvas); --surface-3: var(--t-over-3); --glyph-off: var(--ink-3);
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3);
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);
  /* the old «dark door» boxes are member panels outside (as the Modern Dark block aliases them): paper with ink in light */
  --dk-bg: var(--surface); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2); --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --card-dk: var(--surface);
}

/* keys (§7.2, as dark.css says them for members and guests in dark): flat — no sheen, gradient, glow or lift; the one pink key,
   every other key one step up from what it stands on */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-btn { box-shadow: none; text-shadow: none; filter: none; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-btn:not(.pc-btn--primary, .pc-btn--premium) { background-image: none; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--primary, .pc-btn--pink) { background: var(--accent); color: var(--on-accent); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--primary, .pc-btn--pink):hover { background: var(--accent-press); color: var(--on-accent); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft) { background-color: var(--t-tint); color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft):hover { background-color: var(--t-tint-2); color: var(--ink); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost) { background-color: transparent; color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost):hover { background-color: var(--t-tint); }

/* the chrome: header and footer are the light chrome of the member area in light (tokens.css «LIGHT CHROME», owner 04.11.).
   Their keys, wells and words read the chrome tokens; the header's menu sheet is page, not chrome (it keeps the light roles). */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-header__icons, .pn-cartbtn, .pc-burger > summary),
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pn-gfooter, .pc-footer) {
  --surface: var(--chrome-2); --surface-2: var(--chrome-well); --surface-3: var(--chrome-well-hover); --t-tint: var(--chrome-well); --t-tint-2: var(--chrome-well-hover);
  --ink: var(--on-chrome); --ink-2: var(--on-chrome-2); --ink-3: var(--on-chrome-2); --accent-soft: var(--chrome-well-hover);
}
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet) { background-color: var(--chrome-well); color: var(--on-chrome); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet):hover { background-color: var(--chrome-well-hover); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header :is(.pc-iconbtn, .pc-burger > summary) { color: var(--on-chrome); }
/* the footer keeps the chrome's grey 50 % hairline on its top edge in light too (owner's standing order: grey 50 %, never removed) */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site :is(.pc-footer, .pn-gfooter) { border-top-color: var(--mline); }
/* the header's measures are the member header's in both themes (dark.css draws them for dark: the 46 px wordmark, the nav on
   --type-nav, the 48 px icon keys with the 24 px glyph) */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-logo { font-size: 46px; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-nav__link { font: var(--type-nav); letter-spacing: 0; color: var(--on-chrome); transition: color var(--dur-1) ease-out; }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-nav__link:hover { color: var(--accent-text); }   /* the light theme's pink ink (5.7:1 on the paper bar; the brand pink would be 1.9:1) */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-iconbtn { width: var(--header-key); height: var(--header-key); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-iconbtn .pc-ico { width: var(--icon-l); height: var(--icon-l); }
@media (max-width: 430px) { html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-iconbtn { width: 44px; height: 44px; } }
@media (max-width: 380px) { html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-logo { font-size: 40px; } }
/* the menu sheet is page (light roles): its «Dark mode» row in ink, the switch's track off a quiet ink (a control keeps 3:1) */
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-header .pc-burger__foot > .pc-burger__theme { color: var(--ink); font: var(--type-strong); }
html[data-plk][data-theme="light"] body.pc-root.pn-wizbody.pk-site .pc-burger__theme:not([aria-pressed="true"]) .pc-switch { background: var(--ink-3); }

/* the direct order wizard */
html[data-plk] body.pn-dobody.pk-site:not(.pn-adm):not(.pc-guest){--fs-m: 24px; --fs-section: 18px; --fs-subhead: 15px; --btn-fs: 15px; --btn-sm-fs: 13px;
  --fs-h1: var(--fs-m); --lh-head: 1.25; --lh-sub: 1.2; --tr-h: -.01em; --tr-head: 0em; --tr-btn: 0em;
  
  --fs-tile: 24px; --fs-price-l: 24px;                                                  
  --fs-num: 18px; --fs-price-m: 18px; --fs-plan: 18px; --fs-empty: 18px;   
  --fs-price-card: 15px; --fs-sub-s: 15px;                            
  
  --badge-font: 600 12px/16px var(--font-label); --badge-tr: 0em;}
html[data-plk]:is([lang="es"],[lang="fr"],[lang="it"],[lang="pt"]) body.pn-dobody.pk-site:not(.pn-adm):not(.pc-guest){--lh-head: 1.3; --lh-sub: 1.24}
html[data-plk][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest){--app-head-bg: radial-gradient(24% 300px at 66% 0%, #2A2630 0%, #1D2328 40%, #141823 100%);}
html[data-plk][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest){--md-bg: #101114; --md-header: #0B0C0E; --md-card: #1B1D22; --md-input: #26282E; --md-hover: #303239;
  --md-ink: #F5F5F7; --md-ink-2: #A2A4AD; --md-ink-3: #8E919B; --md-glyph-off: #777A84;   
  --md-on-pink: #101114; --md-pink-soft: rgb(255 157 178 / .12);
  --md-glass: rgb(11 12 14 / .5); --md-line: transparent;   
  
  --canvas: var(--md-bg); --bg: var(--md-bg); --app-ground: var(--md-bg); --app-head-bg: var(--md-header);
  --chrome: var(--md-header); --surface: var(--md-card); --surface-2: var(--md-input); --surface-3: var(--md-hover);
  --ink: var(--md-ink); --ink-2: var(--md-ink-2); --ink-3: var(--md-ink-3); --glyph-off: var(--md-glyph-off);
  --on-accent: var(--md-on-pink); --accent-soft: var(--md-pink-soft); --focus-ring: var(--accent);
  --on-chrome: var(--ink); --on-chrome-2: var(--ink-2);   
  --success: #2FD27A; --danger: #FF8A7A; --warning: #F2B84B; --online: var(--success); --live: var(--success);
  --on-success: var(--md-on-pink); --on-danger: var(--md-on-pink);
  --glass: var(--md-glass); --scrim: rgb(5 5 7 / .66); --shadow-e1: 0 16px 48px rgb(0 0 0 / .5);
  --line: var(--md-line); --line-2: var(--md-line); --oxblood: var(--md-line);
  
  --md-white: var(--md-ink); --md-meta: var(--md-ink-2); --md-sep: var(--md-hover); --md-row-line: var(--md-line);
  --md-pink-line: var(--accent);   
  --md-shadow: none; --md-shadow-hover: none; --md-ease: var(--dur-1) ease-out;   
  --md-r-card: var(--r-l); --md-r-media: var(--r-m);   
  --anthracite: var(--md-on-pink);   
  --sunken: var(--surface-2); --field: var(--surface-2); --field-in: var(--surface-2);   
  --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --bubble-in: var(--surface-2);
  --chrome-2: var(--surface); --prem-bg: var(--chrome);
  --chrome-well: var(--surface-2); --chrome-well-hover: var(--surface-3);
  --btn-ink: var(--surface-2); --on-btn-ink: var(--ink); --btn-ink-edge: var(--md-line); --btn-ink-hover: var(--surface-3); --btn-ink-hover-fx: none;
  --btn-line-bg: var(--surface-2); --btn-line-edge: var(--md-line);
  --dk-bg: var(--chrome); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2);
  
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3); --t-sel: var(--surface-3); --on-t-sel: var(--ink);
  
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);   
  --seg-on: var(--surface-3); --on-seg-on: var(--ink);
  --check-on: var(--accent); --on-check-on: var(--on-accent);
  --switch-off: var(--surface-3); --switch-knob: var(--ink-2); --switch-knob-sh: none; --switch-on: var(--ink-3); --switch-knob-on: var(--ink);   
  --glass-key: var(--glass); --glass-key-ink: var(--ink); --glass-key-hover: var(--scard-glass-hover);   
  --tile-num: var(--ink);   
  --toast-bg: var(--surface-2); --toast-r: var(--r-l);   
  --white: var(--ink);   
  --t-mute: var(--surface-3);
  
  --t-over: var(--surface-2); --t-over-2: var(--surface-3); --t-over-3: var(--surface-3);
  --t-field-edge: var(--md-line); --t-field-edge-over: var(--md-line);
  --sh-float: var(--shadow-e1); --sh-sheet: var(--shadow-e1); --sh-card: none; --sh-card-hover: none;
  --ph-media: var(--surface-2); --ph-media-2: var(--surface-2); --ph-text: var(--ink-2);
  
  --scard-shade: linear-gradient(180deg, rgb(11 12 14 / .12) 0%, rgb(11 12 14 / 0) 18%, rgb(11 12 14 / 0) 60%, rgb(11 12 14 / .14) 100%);
  --scard-cap-shade: linear-gradient(180deg, rgb(11 12 14 / 0) 0%, rgb(11 12 14 / .28) 30%, rgb(11 12 14 / .62) 62%, rgb(11 12 14 / .86) 100%);
  --scard-cap-blush: var(--scard-cap-shade); --pcard-cap-blush: var(--scard-cap-shade);
  --scard-glass: var(--glass); --scard-glass-hover: rgb(11 12 14 / .6); --chip-glass: var(--glass);
  
  --card-dk: var(--surface); --chrome-grad: var(--chrome); --t-band: var(--chrome); --footer-bg: var(--chrome);
  --pola-edge: var(--surface-2); --t-chrome: var(--chrome); --chrome-line: var(--md-line);
  --t-card-edge: var(--md-line); --t-card-edge-hover: var(--md-line); --t-hair: var(--md-line);
  
  --av-g0: var(--surface-2); --av-g1: var(--surface-3); --av-g2: var(--surface-2); --av-g3: var(--surface-3);
  --av-g4: var(--surface-2); --av-g5: var(--surface-3); --av-g6: var(--surface-2); --av-g7: var(--surface-3);
  --dk-veil: rgb(11 12 14 / .6); --sh-chrome: none;
  
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;}
html[data-plk][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pn-sheet,.pn-menu,dialog){--field: var(--surface-3); --field-in: var(--surface-3); --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3);}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link{color:var(--ink);transition:color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link:hover{color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link.is-active,html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link[aria-current]{color:var(--ink)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{background:transparent;color:var(--ink);transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn:hover{background:var(--surface-2);color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn:is(.is-active,[aria-current="page"]){color:var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__avatar:is(.is-active,[aria-current="page"]){box-shadow:0 0 0 2px var(--accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay.pn-header__pay{box-shadow:none;background:var(--accent);color:var(--on-accent);border-color:transparent;border-radius:var(--r-full);font-weight:var(--w-bold);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay.pn-header__pay:hover{background:var(--accent-press);color:var(--on-accent)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key){background:var(--surface-2);color:var(--ink);border:1px solid var(--md-line);border-radius:var(--r-full);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__new,.pn-header__earn,.pn-navpin,.pn-navmore__key):hover{background:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header{min-height:var(--header-h)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-nav__link{font:var(--type-nav);letter-spacing:0}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pn-header__pay,.pn-header__earn,.pn-header__new,.pn-navpin,.pn-navmore__key){min-height:var(--header-key);padding:0 var(--space-5);font:var(--type-nav)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{width:var(--header-key);height:var(--header-key)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn .pc-ico{width:var(--icon-l);height:var(--icon-l)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__avatar{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{font-size:46px}
@media (max-width:430px){html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__end{min-width:0;gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__end .pc-header__icons{gap:var(--space-1)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__pay{min-width:0;flex:0 1 auto;padding:0 var(--space-3);font:700 15px/22px var(--body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__payshort{min-width:0;max-width:100%}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pn-header__paytxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-iconbtn{width:44px;height:44px}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{flex-shrink:0}
}
@media (max-width:380px){html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header .pc-logo{font-size:40px}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn{box-shadow:none;text-shadow:none;transition:background-color var(--md-ease),color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn:not(.pc-btn--primary,.pc-btn--premium){background-image:none}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--primary{background:var(--accent);color:var(--on-accent);border-color:transparent}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--primary:hover{background:var(--accent-press)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay){background-color:var(--t-tint);color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--secondary,.pc-btn--line,.pc-btn--ink,.pc-btn--soft,.pc-btn--on-chrome):not(.pn-header__pay):hover{background-color:var(--t-tint-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:transparent;color:var(--ink);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay){background-color:var(--surface-2)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header :is(.pc-btn--quiet,.pc-btn--ghost):not(.pn-header__pay):hover{background-color:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--danger:not(.is-confirm){background-color:transparent;color:var(--danger);border:1px solid var(--md-line)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-btn--danger:not(.is-confirm):hover{background-color:var(--t-tint)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pn-ra{--t-tint:var(--surface-3);--t-tint-2:var(--surface-3)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard.is-premium .pc-scard__cap::before{background:var(--scard-cap-shade)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard__name{color:var(--scard-ink);font-size:var(--fs-title)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard__meta{color:var(--scard-ink-2);font-size:var(--fs-body)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-scard__score,.pc-scard__n){background:var(--glass);color:var(--scard-ink);border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard .pc-card__fav{background:var(--glass);border-color:transparent;color:var(--scard-ink);transition:background-color var(--md-ease)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-scard .pc-card__fav:hover{background:var(--scard-glass-hover)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pn-like,.pc-card__fav)[aria-pressed="true"] .pc-ico{color:var(--accent);animation:pn-md-like var(--dur-2) ease-out}
@media (prefers-reduced-motion: reduce){html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) *{animation:none !important;transition:none !important}
}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-header{border-bottom-color:var(--hline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) :is(.pc-footer,.pn-gfooter){border-top-color:var(--mline)}
html[data-plk][data-theme="dark"][data-theme="dark"] .pn-dobody.pk-site:not(.pn-adm):not(.pc-guest) .pc-tabbar{border-top-color:var(--mline)}
/* ---------- guests = the member area (owner 03.11.2026; docs/design-system.md §13, wave 2 package P7) ----------
   tools/css_plastik.php appends this after the member layer re-scoped to the guest body (pnew_plkcss_guest_build) and
   re-scopes it to the home (body .pk), the join and log-in pages (.pn-joinbody), the sign-up wizard and the order wizard.
   The member layer already brings the tokens (Inter, the type scale, the Modern Dark roles, the 1372 column, the 76 px header),
   the focus ring and the kit; this file only carries what the guest markup needs on top — the guest header and its menu,
   the 18+ / bottom bars, the guest page components of other bundles — and only in role tokens (§2–§8), never a copy of a
   member value. */

html[data-plk] { background: #101114; }   /* the overscroll behind the page: the ground (--md-bg) */
html[data-plk] body.pn-dobody.pk-site { background: var(--bg); background-image: none; color: var(--ink); }

/* ---------- chrome: the header (§12) — solid chrome, 76 px, the grey 50 % hairline, no blur, no shadow ---------- */
html[data-plk] body.pn-dobody.pk-site .pc-header { min-height: var(--header-h); background: var(--chrome); border-bottom: 1px solid var(--hline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-plk] body.pn-dobody.pk-site .pc-header::after { content: none; }
/* owner 04.11. («die müssen gecentered sein oben in der Navi»): logo left, the text links in the centre, the keys right — where
   the nav is shown; folded (menu key) the grid still keeps logo left and keys right */
html[data-plk] body.pc-root.pc-guest .pc-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-6); }   /* centred in the space between logo and keys: never pushes the keys out (it/fr/es labels are longer) */
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-logo { justify-self: start; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pc-nav { justify-self: center; margin: 0; }
html[data-plk] body.pc-root.pc-guest .pc-header > .pn-header__end { justify-self: end; grid-column: 3; }
html[data-plk] body.pn-dobody.pk-site .pc-logo__dot { box-shadow: none; }   /* NAV-010: the dot never glows */
/* header keys = the member header's keys (dark.css .pn-header__pay / .pn-header__new): pills at --header-key (48, phones 44),
   the nav voice (--type-nav), secondary on surface 2 («Log in», «Join free»), the one pink key («Start selling») */
html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) {
  min-height: var(--header-key); height: var(--header-key); padding: 0 var(--space-5); border: 0; border-radius: var(--r-full); font: var(--type-nav); letter-spacing: 0;
  box-shadow: none; transform: none; filter: none; transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan) { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan):hover { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pc-header .pn-header__join { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pn-dobody.pk-site .pc-header .pn-header__join:hover { background: var(--accent-press); color: var(--on-accent); }
@media (max-width: 700px) { html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-4); } }
@media (max-width: 380px) { html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-btn--ghost, .pn-header__fan, .pn-header__join) { padding: 0 var(--space-3); } }

/* the menu key (templates/plastik/header.php .pc-burger): the member «Menu» key — a secondary pill with the bars and the word
   where the nav folds (701+), a round 44 key with the bars on phones; open = the bars become a cross */
html[data-plk] body.pn-dobody.pk-site .pc-burger > summary { display: inline-flex; align-items: center; gap: var(--space-2); width: auto; min-width: var(--header-key); height: var(--header-key);
  padding: 0 var(--space-5) 0 44px; border: 0; border-radius: var(--r-full); background: var(--surface-2); color: var(--ink); font: var(--type-nav); transition: background-color var(--dur-1) ease-out; }
html[data-plk] body.pn-dobody.pk-site .pc-burger > summary:hover, html[data-plk] body.pn-dobody.pk-site .pc-burger[open] > summary { background: var(--surface-3); }
html[data-plk] body.pn-dobody.pk-site .pc-burger > summary::before, html[data-plk] body.pn-dobody.pk-site .pc-burger > summary::after { left: var(--space-5); right: auto; width: var(--icon-s); background: currentColor; box-shadow: 0 5px 0 currentColor; top: calc(50% - 6px); }
html[data-plk] body.pn-dobody.pk-site .pc-burger > summary::after { top: calc(50% + 4px); box-shadow: none; }
html[data-plk] body.pn-dobody.pk-site .pc-burger[open] > summary::before, html[data-plk] body.pn-dobody.pk-site .pc-burger[open] > summary::after { top: calc(50% - 1px); box-shadow: none; }
html[data-plk] body.pn-dobody.pk-site .pc-burger__lbl { white-space: nowrap; }
html[data-plk] body.pn-dobody.pk-site .pc-burger > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }   /* the one ring (§8, NAV-048) */
@media (max-width: 700px) {
  html[data-plk] body.pn-dobody.pk-site .pc-burger > summary { width: var(--header-key); padding: 0; justify-content: center; }
  html[data-plk] body.pn-dobody.pk-site .pc-burger > summary::before, html[data-plk] body.pn-dobody.pk-site .pc-burger > summary::after { left: calc(50% - 8px); }
  html[data-plk] body.pn-dobody.pk-site .pc-burger__lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
/* the open menu is an e1 sheet (§6): surface 2 with the float shadow over the scrim, on the drawer step of the z ladder; rows
   48 px in the strong body voice, pointer = one step up, the current page marked like the member menu; the doors stacked as
   page keys; the language pills one step up from the sheet */
html[data-plk] body.pn-dobody.pk-site .pc-header:has(.pc-burger[open]) { z-index: var(--z-drawer); }
html[data-plk] body.pn-dobody.pk-site .pc-burger[open]::before { background: var(--scrim); }
html[data-plk] body.pn-dobody.pk-site .pc-burger__menu { border: 0; background: var(--surface-2); box-shadow: var(--shadow-e1);
  --t-tint: var(--surface-3); --t-tint-2: var(--surface-3); --btn-line-bg: var(--surface-3); --btn-ink: var(--surface-3); --chrome-well: var(--surface-3); --chrome-well-hover: var(--surface-3); }   /* «+1 step» in an overlay (§2.1) */
html[data-plk] body.pn-dobody.pk-site .pc-burger[open] .pc-burger__menu { gap: var(--space-1); padding: var(--space-3) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom)); border-width: 0; }
html[data-plk] body.pn-dobody.pk-site .pc-burger__menu > a { min-height: 48px; padding: 0 var(--space-3); border-radius: var(--r-m); color: var(--ink); font: var(--type-strong); letter-spacing: 0; text-decoration: none; }
html[data-plk] body.pn-dobody.pk-site .pc-burger__menu > a:hover { background: var(--surface-3); }
html[data-plk] body.pn-dobody.pk-site .pc-burger__menu > a[aria-current] { background: var(--surface-3); color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }
html[data-plk] body.pn-dobody.pk-site .pc-header .pc-burger__foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); margin-top: var(--space-6); padding-top: 0; }
html[data-plk] body.pn-dobody.pk-site .pc-header .pc-burger__foot > .pc-btn { width: 100%; min-height: var(--control-md); padding: 0 var(--space-4); border: 0; border-radius: var(--r-m); font: var(--type-strong); }
html[data-plk] body.pn-dobody.pk-site .pc-header .pc-burger__foot > :is(.pc-btn--line, .pc-btn--ghost) { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pc-header .pc-burger__foot > .pc-btn--primary { background: var(--accent); color: var(--on-accent); }
html[data-plk] body.pn-dobody.pk-site .pc-burger__lang { gap: var(--space-2); margin: var(--space-3) 0 0; }
/* language pills (menu and footer, NAV-067 / 091): one pill — --control-sm, the label voice, one step up from what they stand on,
   the current one a tone higher with the pink dot */
html[data-plk] body.pn-dobody.pk-site :is(.pc-burger__lang, .pn-gfooter__bar) a { min-height: var(--control-sm); padding: 0 var(--space-3); border: 0; border-radius: var(--r-full); font: var(--type-label); }
html[data-plk] body.pn-dobody.pk-site .pc-burger__lang a { background: var(--surface-3); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pc-burger__lang a[aria-current] { background: var(--accent-soft); }   /* the chosen chip (§2.3) with the pink dot */
html[data-plk] body.pn-dobody.pk-site .pn-gfooter__bar a { background: var(--surface-2); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pn-gfooter__bar a:hover, html[data-plk] body.pn-dobody.pk-site .pn-gfooter__bar a[aria-current] { background: var(--surface-3); }
html[data-plk] body.pn-dobody.pk-site .pn-gfooter__adult { font: var(--type-cap); }   /* NAV-090 / CONT-017: the 18+ badge on the 12 px step */

/* the nav folds where the member nav folds (inside.css: 701–1100 every language, 1101–1360 es / fr / it / pt; fr guests to
   1800, their labels are longer): the words and «Log in» go into the menu key, the header keeps the doors (chrome.css folds
   701–960 for every guest page) */
@media (min-width: 961px) and (max-width: 1100px) {
  html[data-plk] body.pn-dobody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk] body.pn-dobody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1360px) {   /* as the member nav */
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pn-dobody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pn-dobody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk]:is([lang="es"], [lang="it"], [lang="pt"]) body.pn-dobody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 1101px) and (max-width: 1800px) {   /* fr: the guest labels are longer (adult fr measured 1595 px at 1440, 1725 at 1700) */
  html[data-plk][lang="fr"] body.pn-dobody.pk-site .pc-header { justify-content: space-between; }
  html[data-plk][lang="fr"] body.pn-dobody.pk-site .pc-header :is(.pc-nav, .pc-header__icons > .pc-btn--ghost) { display: none; }
  html[data-plk][lang="fr"] body.pn-dobody.pk-site .pc-header .pc-burger.pc-show-sm { display: block !important; }
}
@media (min-width: 701px) { html[data-plk] body.pn-dobody.pk-site .pc-header .pn-header__end { gap: var(--space-3); } }
@media (max-width: 700px) {
  html[data-plk] body.pn-dobody.pk-site .pc-header .pn-header__fan { display: none; }
  html[data-plk] body.pn-dobody.pk-site .pc-header :is(.pn-header__end, .pc-header__icons) { gap: var(--space-2); }
}

/* ---------- chrome: bottom and sticky bars on guest pages (NAV-106..112): one finish — the chrome tone, the grey 50 % hairline
   on the inner edge, no glass, no shadow, on the bar step of the z ladder. Owner 04.11.: the profile tabs are the members' pills
   inside the head card (templates/member_guest.php = member.php), no chrome rail outside any more ---------- */
html[data-plk] body.pn-dobody.pk-site :is(.pn-cp-bar, .pn-dtbar, .pn-lbsticky) { background: var(--chrome); border-top: 1px solid var(--mline); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: var(--z-bar); }
/* the adult 18+ note bar (site.css .pk-adh18, §13): its confirm key is a secondary key — no pink beside the header's pink key; the
   doubled attribute and the key's three classes outrank the member key layer projected above */
html[data-plk][data-plk] body.pn-dobody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm { background: var(--surface-2); color: var(--ink); border-color: transparent; }
html[data-plk][data-plk] body.pn-dobody.pk-site .pk-adh18 .pc-btn.pc-btn--primary.pc-btn--sm:hover { background: var(--surface-3); color: var(--ink); }

/* ---------- the join and log-in pages (templates/join_layout.php: header.pc-header.pn-joinnav; this file is re-scoped to them): the
   site header with fewer slots — the header rules above give it the chrome, the hairline, the 76 px and the header key; here
   only what the join bar adds: its back key as a round header icon key, the quiet «New here?» line; the footer on phones too ---------- */
@media (min-width: 701px) { html[data-plk] body.pn-dobody.pk-site { --col-pad: max(var(--wide-gutter), calc((100% - var(--main-max)) / 2)); } }   /* the member column on the join body too (layout.css sets it for the guest body) */
html[data-plk] body.pn-dobody.pk-site .pn-joinnav { padding-inline: var(--col-pad); }
html[data-plk] body.pn-dobody.pk-site .pn-joinnav .pn-joinnav__have { font: var(--type-meta); color: var(--ink-2); opacity: 1; }
html[data-plk] body.pn-dobody.pk-site .pn-joinnav .pc-iconbtn { width: var(--header-key); height: var(--header-key); border: 0; border-radius: var(--r-full); background: transparent; color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pn-joinnav .pc-iconbtn:hover { background: var(--surface-2); }
@media (max-width: 700px) {
  html[data-plk] body.pn-dobody.pk-site .pn-joinnav { padding-inline: var(--gutter); gap: var(--space-2); }
  html[data-plk] body.pn-dobody.pk-site .pc-footer { display: block; padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom)); }
}

/* ---------- listing grids = the member marketplace (.pn-main > .pn-wide .pn-grid): 2 on phones, 3 / 4 / 5 from 701 / 1024 /
   1280 at the wide gap; seller grids = the member sellers grid (.pn-sellergrid): 3 / 4 / 6 from 701 / 900 / 1200 ---------- */
html[data-plk] body.pn-dobody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wide-grid-gap); }
@media (min-width: 1024px) { html[data-plk] body.pn-dobody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { html[data-plk] body.pn-dobody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards) { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
html[data-plk] body.pn-dobody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (min-width: 900px) { html[data-plk] body.pn-dobody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { html[data-plk] body.pn-dobody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  html[data-plk] body.pn-dobody.pk-site :is(.pn-hubgrid, .pn-amk__grid, .pn-cp-cards, .pn-tp-cards), html[data-plk] body.pn-dobody.pk-site .pn-discgrid:not(.pn-amk__grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
}
html[data-plk] body.pn-dobody.pk-site .pn-amk__grid > * { min-width: 0; height: 100%; }
html[data-plk] body.pn-dobody.pk-site :is(.pc-card, .pc-scard) { box-shadow: none; }
html[data-plk] body.pn-dobody.pk-site :is(.pc-card, .pc-scard):hover { transform: none; box-shadow: none; }
/* adult market (templates/partials/adult_market.php): the pill row closes the head, then the grid */
html[data-plk] body.pn-dobody.pk-site .pn-amk__facets { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; margin: var(--space-5) 0 0; }
html[data-plk] body.pn-dobody.pk-site .pn-amk__facets::-webkit-scrollbar { display: none; }
html[data-plk] body.pn-dobody.pk-site .pn-amk__facets .pn-facet { flex: none; white-space: nowrap; }
/* owner 04.11. («tabs sind gequetscht, die können eine Reihe drunter, dann verdeckt der CTA die auch nicht»): from the
   desktop split on, the filter chips wrap into rows inside the head column instead of one sideways-scrolling line */
@media (min-width: 900px) { html[data-plk] body.pn-dobody.pk-site .pn-amk__facets { flex-wrap: wrap; overflow: visible; row-gap: var(--space-3); column-gap: var(--space-2); } }
/* owner 05.11. «zu gequetscht die tabber»: the filter chips got air — room under the last row before the band ends (the head
   had 0 under it), a wider chip and a taller row gap */
html[data-plk] body.pn-dobody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-8); }
html[data-plk] body.pn-dobody.pk-site .pn-amk__facets .pn-facet { padding: 0 var(--space-4); min-height: 40px; }
@media (max-width: 899px) { html[data-plk] body.pn-dobody.pk-site .pn-hubhead:has(> .pn-amk__facets) { padding-bottom: var(--space-5); } }
/* market head: the intro runs up to the join box, the join box stands from the head's top to the intro's foot */
@media (min-width: 1000px) {
  html[data-plk] body.pn-dobody.pk-site .pn-amk :is(.pn-hubintro, .pn-hubintro p) { max-width: none; }
  html[data-plk] body.pn-dobody.pk-site .pn-amk.pn-split { column-gap: var(--space-8); }
  html[data-plk] body.pn-dobody.pk-site .pn-amk > .pn-split__lead { align-self: stretch; display: flex; }
  html[data-plk] body.pn-dobody.pk-site .pn-amk > .pn-split__lead > * { flex: 1; margin: 0; }
}
html[data-plk] body.pn-dobody.pk-site .pn-amk__more { display: flex; justify-content: center; margin: var(--space-8) 0 0; padding: 0; background: none; }
/* the market's review and text blocks start on the content edge with the section gap (ADULT-042/043/046) */
html[data-plk] body.pn-dobody.pk-site :is(.pn-hubquotes, .pn-seotext, .pn-hubmore) { margin-top: var(--section-gap); padding-inline: 0; max-width: none; }
html[data-plk] body.pn-dobody.pk-site .pn-seotext { display: block; }
html[data-plk] body.pn-dobody.pk-site .pn-seotext__side { display: none; }
html[data-plk] body.pn-dobody.pk-site .pn-seotext .pc-prose { max-width: 72ch; }

/* ---------- the guest page components of the other bundles (landing, guide, cmguide, cmpost, topic, join, order): on the
   member system — group-label kickers, plain heads (no tape, marker word or handwriting), panels for every box, no props ---------- */
html[data-plk] body.pn-dobody.pk-site :is(.pc-kicker, .pk-kick) { color: var(--ink-2); }
html[data-plk] body.pn-dobody.pk-site :is(.pc-kicker, .pk-kick)::before, html[data-plk] body.pn-dobody.pk-site :is(.pc-kicker, .pk-kick)::after, html[data-plk] body.pn-dobody.pk-site .pc-kicker .pc-tub { display: none; }
html[data-plk] body.pn-dobody.pk-site :is(h1, h2, h3) :is(em, .pc-hl, mark) { background: none; color: inherit; font-style: normal; padding: 0; box-shadow: none; text-shadow: none; filter: none; -webkit-box-decoration-break: slice; box-decoration-break: slice; }
html[data-plk] body.pn-dobody.pk-site .pc-hl::before, html[data-plk] body.pn-dobody.pk-site .pc-hl::after { content: none; }
html[data-plk] body.pn-dobody.pk-site .pn-main :is(h1, h2, h3):not(.pc-card__title) { color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pn-main:not(.pn-join) h1:not(.pn-dthead__name):not(.pn-hm-hero__h) { font: var(--type-display); letter-spacing: var(--tr-h); text-transform: none; }   /* the page head outside (§13): display 30, phones 24; the home's h1 has the home ladder (landing.css, §13b) */
html[data-plk] body.pn-dobody.pk-site :is(.pc-hand, .pn-hand, .pn-joinhead__hand, .pn-do-aside, .pc-fix):not(.pn-dthead__hand) { font: var(--type-meta); font-weight: var(--w-strong); color: var(--ink-2); text-transform: none; transform: none; }
html[data-plk] body.pn-dobody.pk-site .pc-toc ol li::marker, html[data-plk] body.pn-dobody.pk-site .pc-toc li > span:first-child { color: var(--ink-3); }
html[data-plk] body.pn-dobody.pk-site .pc-prose ol > li::marker { color: var(--ink-2); font-family: var(--body); }
html[data-plk] body.pn-dobody.pk-site .pc-prose h2 { font: var(--type-h1); letter-spacing: var(--tr-h); }   /* the editorial h2 (§13) */
@media (max-width: 700px) { html[data-plk] body.pn-dobody.pk-site .pc-prose h2 { font: var(--type-title); } }
html[data-plk] body.pn-dobody.pk-site .pk-sec :is(h2.pc-h-xl, h2.pc-h-l, h2.pc-h-m, .pk-sec__h) { font: var(--type-h1); letter-spacing: var(--tr-h); text-transform: none; }
html[data-plk] body.pn-dobody.pk-site .pn-cg__ctah { font: var(--type-title); }
html[data-plk] body.pn-dobody.pk-site .pn-lp-hero__h { font: var(--type-display); letter-spacing: var(--tr-h); }   /* the guest hero (§13: one display head per page) */
html[data-plk] body.pn-dobody.pk-site :is(.pn-lp-hero__h, .pk-hero .pn-lp-hero__h)::after, html[data-plk] body.pn-dobody.pk-site .pn-lp-qfoot::before { content: none; }
html[data-plk] body.pn-dobody.pk-site .pc-arr { display: none; }   /* no text arrow in keys or «more» links (HOME-015) */
html[data-plk] body.pn-dobody.pk-site .pc-btn::after { content: none; }   /* no drip under any key */
html[data-plk] body.pn-dobody.pk-site:not(.pk) .pn-main :is(.pk-obj, .pc-prop, .pc-obj) { display: none; }
html[data-plk] body.pn-dobody.pk-site :is(.pk-prop, .pk-hero__glow) { display: none; }
/* panels: the pink and paper blocks, the steps, the plans, the callouts, the care labels, the receipt and the proof note —
   all the member panel (§9.2) */
html[data-plk] body.pn-dobody.pk-site :is(.pn-panel, .pc-box, .pc-pbox, .pc-toc, .pk-panel, .pn-joinbox, .pc-box--cr, .pn-gd-callout, .pk-sticky, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof,
  .pn-lp-step, .pn-lp-page__plan, .pn-lp-page__table, .pn-mp__answer, .pc-door) { border: 0; outline: 0; border-radius: var(--r-l); background: var(--surface); background-image: none; color: var(--ink); box-shadow: none; transform: none; }
html[data-plk] body.pn-dobody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) :is(p, b, small, span, h2, h3, .pn-cg__ctah, .pn-gd-callout__k) { color: inherit; }
html[data-plk] body.pn-dobody.pk-site :is(.pn-gd-callout, .pn-cg__cta, .pc-care, .pc-receipt, .pn-proof, .pc-door) .pc-badge--accent { color: var(--on-accent); }   /* content pass 06.11.: the pink label keeps its own ink (dark: white on pink read 1.8 : 1, "Free · 18+" on adult's creators door) */
html[data-plk] body.pn-dobody.pk-site :is(.pn-gd-callout, .pn-cg__cta) a:not(.pc-btn) { color: inherit; }
html[data-plk] body.pn-dobody.pk-site .pn-gd-callout__k { color: var(--ink-2); }
html[data-plk] body.pn-dobody.pk-site .pc-receipt * { color: inherit; border-color: transparent; }
html[data-plk] body.pn-dobody.pk-site :is(.pn-proof, .pc-care)::before, html[data-plk] body.pn-dobody.pk-site :is(.pn-proof, .pc-care)::after { content: none; }
html[data-plk] body.pn-dobody.pk-site .pn-proof__big { color: var(--ink); font-family: var(--body); }
html[data-plk] body.pn-dobody.pk-site .pc-care__n { font: var(--type-cap); color: var(--ink-2); }
html[data-plk] body.pn-dobody.pk-site :is(.pk-sec--sell, .pc-on-pink) { background: var(--surface); background-image: none; color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site :is(.pk-sec--sell, .pc-on-pink) :is(h2, h3, p, li, small) { color: inherit; }
html[data-plk] body.pn-dobody.pk-site .pk-sec { background-image: none; }
html[data-plk] body.pn-dobody.pk-site .pn-lpm-ship { background: var(--bg); background-image: none; }
html[data-plk] body.pn-dobody.pk-site .pn-lp-page__fan, html[data-plk] body.pn-dobody.pk-site .pn-lpm-hero .pn-lpm-art { display: none; }   /* the hero = text, as the en guide's */
html[data-plk] body.pn-dobody.pk-site .pn-help__go { min-height: var(--control-md); background: var(--surface-2); color: var(--ink); }
/* the home: at most two keys per screen (HOME-054) — the hero's pair, one key for how it works, one for the trust page, one for
   the profiles, one in the closing block and the closing pair; the keys repeated in between leave */
html[data-plk] body.pn-dobody.pk-site :is(.pk-inside, .pk-feats, .pk-sec--game) .pc-btn, html[data-plk] body.pn-dobody.pk-site :is(.pn-buy__go, .pn-lbsticky__more, .pn-lp-proof .pc-btn--primary, .pn-lp-door--top) { display: none; }
/* her post (templates/cm_ad_post.php): the member column, her other posts on member cards, the «her own words» line a quiet label */
html[data-plk] body.pn-dobody.pk-site .pn-cp { max-width: none; }
html[data-plk] body.pn-dobody.pk-site .pn-cp-hand { font: var(--type-label); color: var(--ink-2); }
html[data-plk] body.pn-dobody.pk-site .pn-cp-hand svg { display: none; }
/* topic pages (templates/topic.php): the closing band a member panel ground with the one pink key */
html[data-plk] body.pn-dobody.pk-site .pn-tp-band { background: var(--surface); color: var(--ink); }
html[data-plk] body.pn-dobody.pk-site .pn-tp-band :is(h2, p) { color: inherit; }
/* every wordmark outside is the member logo (Pirata One, lower case; the order wizard's bar asked for the poster face) */
html[data-plk] body.pn-dobody.pk-site .pn-do-logo { font-family: "Pirata One", serif; font-weight: 400; text-transform: lowercase; }
/* ---------- guest light mode (owner 04.11.2026: «den aussenbereich auch in einem lightmode oben mit toggle so wie innen»,
   lib/guest_light.php, only with pnew/switch/guest_light and the guest's choice) ----------
   tools/css_plastik.php appends this after src-css/plastik/guest.css and re-scopes it like guest.css (the home body .pk, the
   join and log-in pages, the sign-up wizard, the order wizard). In light the page takes the member area's light roles of
   src-css/tokens.css (the duck-egg ground, paper panels, anthracite ink — what a member sees with the toggle on light), and the
   chrome is what it is inside in light: since 04.11. (owner: «für navi header und den footer auch was helles») the light
   chrome of tokens.css («LIGHT CHROME»: paper bar, duck-egg wells, anthracite words, the grey 50 % hairline), read through the
   chrome tokens (--chrome, --on-chrome, --chrome-well). This file only says what the guest layer needs on top: the member
   geometry (a theme never moves the column), one more surface step for the «+1 step» rule, the flat keys of §7.2, and the
   chrome's keys on those tokens. Role tokens only. */

html[data-plk][data-theme="light"] { background: var(--bg); }   /* the overscroll behind the page: the ground */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site {
  /* the member geometry (tokens.css sets it in the Modern Dark block only): the 1372 column and the 76 px header in both themes */
  --main-max: 1372px; --wrap-max: var(--main-max); --hdr-h: 76px; --header-h: 76px;
  /* the light ladder: ground --bg, panel --surface (paper), on a panel --surface-2 (the duck-egg well), the pointer --surface-3 */
  --surface-2: var(--canvas); --surface-3: var(--t-over-3); --glyph-off: var(--ink-3);
  --t-tint: var(--surface-2); --t-tint-2: var(--surface-3);
  --chip-sel: var(--accent-soft); --on-chip-sel: var(--ink);
  /* the old «dark door» boxes are member panels outside (as the Modern Dark block aliases them): paper with ink in light */
  --dk-bg: var(--surface); --dk-card: var(--surface); --dk-ink: var(--ink); --dk-ink-2: var(--ink-2); --dkbox: var(--surface); --dkbox-tile: var(--surface-2); --card-dk: var(--surface);
}

/* keys (§7.2, as dark.css says them for members and guests in dark): flat — no sheen, gradient, glow or lift; the one pink key,
   every other key one step up from what it stands on */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-btn { box-shadow: none; text-shadow: none; filter: none; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-btn:not(.pc-btn--primary, .pc-btn--premium) { background-image: none; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--primary, .pc-btn--pink) { background: var(--accent); color: var(--on-accent); border-color: transparent; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--primary, .pc-btn--pink):hover { background: var(--accent-press); color: var(--on-accent); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft) { background-color: var(--t-tint); color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--secondary, .pc-btn--line, .pc-btn--ink, .pc-btn--soft):hover { background-color: var(--t-tint-2); color: var(--ink); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost) { background-color: transparent; color: var(--ink); border-color: transparent; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-btn--quiet, .pc-btn--ghost):hover { background-color: var(--t-tint); }

/* the chrome: header and footer are the light chrome of the member area in light (tokens.css «LIGHT CHROME», owner 04.11.).
   Their keys, wells and words read the chrome tokens; the header's menu sheet is page, not chrome (it keeps the light roles). */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header :is(.pc-header__icons, .pn-cartbtn, .pc-burger > summary),
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pn-gfooter, .pc-footer) {
  --surface: var(--chrome-2); --surface-2: var(--chrome-well); --surface-3: var(--chrome-well-hover); --t-tint: var(--chrome-well); --t-tint-2: var(--chrome-well-hover);
  --ink: var(--on-chrome); --ink-2: var(--on-chrome-2); --ink-3: var(--on-chrome-2); --accent-soft: var(--chrome-well-hover);
}
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet) { background-color: var(--chrome-well); color: var(--on-chrome); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-header__icons :is(.pc-btn--ghost, .pc-btn--quiet):hover { background-color: var(--chrome-well-hover); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header :is(.pc-iconbtn, .pc-burger > summary) { color: var(--on-chrome); }
/* the footer keeps the chrome's grey 50 % hairline on its top edge in light too (owner's standing order: grey 50 %, never removed) */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site :is(.pc-footer, .pn-gfooter) { border-top-color: var(--mline); }
/* the header's measures are the member header's in both themes (dark.css draws them for dark: the 46 px wordmark, the nav on
   --type-nav, the 48 px icon keys with the 24 px glyph) */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-logo { font-size: 46px; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-nav__link { font: var(--type-nav); letter-spacing: 0; color: var(--on-chrome); transition: color var(--dur-1) ease-out; }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-nav__link:hover { color: var(--accent-text); }   /* the light theme's pink ink (5.7:1 on the paper bar; the brand pink would be 1.9:1) */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-iconbtn { width: var(--header-key); height: var(--header-key); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-iconbtn .pc-ico { width: var(--icon-l); height: var(--icon-l); }
@media (max-width: 430px) { html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-iconbtn { width: 44px; height: 44px; } }
@media (max-width: 380px) { html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-logo { font-size: 40px; } }
/* the menu sheet is page (light roles): its «Dark mode» row in ink, the switch's track off a quiet ink (a control keeps 3:1) */
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-header .pc-burger__foot > .pc-burger__theme { color: var(--ink); font: var(--type-strong); }
html[data-plk][data-theme="light"] body.pn-dobody.pk-site .pc-burger__theme:not([aria-pressed="true"]) .pc-switch { background: var(--ink-3); }
/* night 1000 guest: in the narrow join box beside the creators list (1000–1200 px) «Start selling» broke onto two lines inside
   its pill; the two equal keys now stack when a line has no room for both, side by side everywhere else */
body .pn-promo__keys { grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); }
body .pn-promo__keys .pc-btn { white-space: nowrap; }