/* The current product stories, bound in Paper Club's records and workbooks. */
.product-page {
  --pp-ink: var(--pc-ink, #29252e);
  --pp-copy: var(--pc-muted, #6e6276);
  --pp-line: var(--pc-line, #d8cddf);
  --pf-lilac: var(--pc-lilac, #eee5f4);
  --pf-sage: #e5efe9;
  --pf-blue: #e8e1f1;
  --pf-paper: var(--pc-sheet, #fffdf9);
  background: var(--pc-paper, #fcfaf7);
  color: var(--pp-ink);
}
.product-page :is(h1, h2, h3, h4) {
  color: var(--pp-ink);
  font-family: Manrope, Arial, sans-serif;
  font-weight: 750;
}
.product-page :is(h1, h2) { letter-spacing: -.055em; }
.product-page h3 { letter-spacing: -.035em; }
html:not(:lang(en)) .product-page :is(h1, h2, h3, h4) {
  font-family: var(--website-script-font), Manrope, sans-serif;
  letter-spacing: normal;
}
.product-page :is(.eyebrow, .px-label, .pp-breadcrumb, .pm-preview-path, .pm-scroll-cue, .pf-preview-heading > span) {
  color: var(--pc-muted, #6e6276);
}
.product-page .eyebrow:before { background: var(--pc-plum, #826095); }
.product-page :is(.px-section-heading > p, .px-section-heading > div > p:not(.eyebrow), .px-hero-intro > p, .pp-solution-intro, .pp-solution-opening > div > p, .pp-trust-hero > div > p:not(.eyebrow)) {
  color: var(--pc-muted, #6e6276);
  font-size: 16px;
  line-height: 1.8;
}
.product-page :is(.pf-hero, .pp-solution-hero, .pp-trust-hero) h1 { font-weight: 750; }
.product-page .px-section-heading h2 { font-weight: 750; }
.product-page .pf-hero:before {
  background: radial-gradient(ellipse at 83% 37%, #e5d6ee75, transparent 59%), radial-gradient(ellipse at 11% 60%, #f2e8bf45, transparent 48%);
}
.product-page :is(.pp-solution-hero, .pp-trust-hero) {
  background: radial-gradient(ellipse at 88% 52%, #ece2f250, transparent 56%);
}

/* Each preview is a sheet on a coloured workbook, not a floating dashboard. */
.product-page :is(.px-scene, .pp-stage, .pp-solution-example, .pp-trust-access-paper) {
  border-color: var(--pc-line, #d8cddf);
  background: var(--pc-lilac, #eee5f4);
  border-radius: 12px;
  box-shadow: 0 4px 0 #e6dceb, 0 22px 34px -29px #50385d55;
}
.product-page :is(.px-window, .pp-demo:not(.pp-payment-demo), .px-panel, .pp-solution-day, .pp-trust-document-slip) {
  background: var(--pc-sheet, #fffdf9);
  border-color: var(--pc-line, #d8cddf);
  border-radius: 9px;
  box-shadow: 0 3px 0 #e5dbea, 0 18px 28px -25px #4c345f66;
}
.product-page :is(.px-window-bar, .pp-mini-head) {
  color: var(--pc-muted, #6e6276);
  border-color: var(--pc-line, #d8cddf);
}
.product-page .px-window-bar { background: #f2ebf3; }
.product-page :is(.pp-mini-head > span, .px-window-bar > span, .px-window-bar b) { color: var(--pc-ink, #29252e); }
.product-page :is(.px-window-bar i, .px-window-dots i) { background: #c8b5d4; }
.product-page :is(.pp-record > div, .px-property-row, .pp-access-row, .pp-finance-row, .pp-directory-row, .px-checklist-row, .px-import-person) {
  border-color: var(--pc-line, #d8cddf);
}
.product-page :is(.pp-record dt, .px-ui-note, .pp-mini-note, .pp-preview-note, .px-person small, .pp-person small, .px-property-name small, .px-property-row small, .pp-directory-row small) { color: var(--pc-muted, #6e6276); }
.product-page .px-person > div > span { color: #66586d; }
.product-page :is(.pp-record dd, .pp-record b, .px-person b, .pp-person b, .px-property-name b) { color: var(--pc-ink, #29252e); }
.product-page :is(.pp-tabs, .px-segment) { background: #eae0ef; border-color: var(--pc-line, #d8cddf); }
.product-page :is(.pp-tabs, .px-segment) button { color: #62516e; border-radius: 6px; }
.product-page :is(.pp-tabs, .px-segment) button[aria-pressed="true"] {
  background: var(--pc-ink, #29252e);
  color: var(--pc-sheet, #fffdf9);
  box-shadow: 0 2px 3px #29252e20;
}
.product-page :is(.pp-search, .pp-select-label select, .px-directory-search, .px-search) {
  background: var(--pc-sheet, #fffdf9);
  border-color: #bba6c9;
  color: var(--pc-ink, #29252e);
}
.product-page :is(button, select, input, a, summary):focus-visible { outline-color: #77548c; }
.product-page :is(.pp-lilac, .pp-pill.pp-lilac) { background: #e8dcef; color: #644577; }
.product-page :is(.pp-mint, .pp-pill.pp-mint) { background: #d9ebe2; color: #385e4f; }
.product-page :is(.pp-blue, .pp-pill.pp-blue) { background: #e5e0ee; color: #5f5076; }
.product-page :is(.pp-peach, .pp-pill.pp-peach) { background: #f3e7b6; color: #6f582a; }
.product-page :is(.pp-neutral, .pp-pill.pp-neutral) { background: #ece7e8; color: #63576a; }
.product-page :is(.pp-inline-note, .pp-attention, .pp-bed-detail, .px-business-attention, .px-privacy-boundary) {
  background: #f2ecf5;
  border-color: var(--pc-line, #d8cddf);
  color: #63536e;
}
.product-page .pp-icon { color: inherit; }

/* Rooms use lavender for current stays and mint for available space. */
.product-page .px-property-sidebar { background: #f0e7f4; border-color: var(--pc-line, #d8cddf); }
.product-page .px-property-sidebar > button { color: #665570; }
.product-page .px-property-sidebar > button[aria-pressed="true"] { color: var(--pc-ink, #29252e); background: #d8c5e8; border-color: #af93c3; }
.product-page :is(.px-business-metrics, .px-bed-inspector) { background: #f4edf6; border-color: var(--pc-line, #d8cddf); }
.product-page :is(.px-business-metrics strong, .px-selected-number, .pp-overview-metrics strong) { font-family: Manrope, sans-serif; font-weight: 750; color: var(--pc-ink, #29252e); }
.product-page :is(.px-bed, .pp-bed-tile) { background: #f7f1f8; border-color: #d0bbdd; color: var(--pc-ink, #29252e); }
.product-page :is(.px-bed.available, .pp-bed-tile.pp-mint) { background: #e0eee7; border-color: #aecfc2; }
.product-page :is(.px-bed.reserved, .pp-bed-tile.pp-lilac) { background: #e2d2ee; border-color: #bba1cf; }
.product-page :is(.px-bed, .pp-bed-tile)[aria-pressed="true"] { border-color: #826095; box-shadow: 0 0 0 2px #82609545, 0 4px 0 #dbc8e7; }
.product-page :is(.px-dot, .pp-status-dot) { background: #826095; }
.product-page .px-dot.mint { background: #78b49d; }
.product-page .px-dot.lilac { background: #b698cd; }
.product-page .pp-overview-metrics > div { background: #faf5fb; border-color: var(--pc-line, #d8cddf); }
.product-page .pp-property-initial { background: var(--pc-lilac, #eee5f4); color: #725084; }
.product-page .px-product-ribbon { background: #3d3047; color: #fff6e9; border-color: #826095; }
.product-page .px-product-ribbon > div { color: #fff6e9; }
.product-page .px-product-ribbon :is(p, span, b, strong) { color: inherit; }
.product-page .pp-section-nav { border-color: var(--pc-line, #d8cddf); }
.product-page .pp-section-nav a { color: #665570; border-color: var(--pc-line, #d8cddf); }
.product-page .pp-section-nav a:hover { background: #eee5f4; color: var(--pc-ink, #29252e); }

/* Honey receipts and folded correspondence retain their existing shapes. */
.product-page .px-payment-scene { background: #eee5f4; }
.product-page :is(.px-report-message, .px-balance-total, .pp-phone-balance, .px-resident-slip) { background: #f3e7b4; border-color: #d7c788; color: #443823; }
.product-page :is(.px-report-message, .px-balance-total, .pp-phone-balance, .px-resident-slip) :is(p, span, small, b, strong) { color: inherit; }
.product-page .pp-receipt { background: #fffdf3; border-color: #d5c99f; box-shadow: 0 5px 0 #dfd3b650, 0 20px 35px -25px #5d483a55; }
.product-page .pp-receipt:after {
  background: linear-gradient(135deg, #fffdf3 50%, transparent 50%) 0 0/14px 14px repeat-x,
    linear-gradient(45deg, transparent 50%, #fffdf3 50%) 0 0/14px 14px repeat-x;
}
.product-page :is(.pp-receipt-top, .pp-receipt-state) { border-color: #ddd0ac; }
.product-page .pp-barcode { opacity: .65; }
.product-page :is(.px-invitation-paper, .px-source-sheet, .pf-file-pair > div) { background: #f7edc6; border-color: #d5c588; box-shadow: 0 4px 0 #e8dcc0, 0 18px 26px -24px #68573170; }
.product-page :is(.px-invitation-paper h3, .px-source-sheet h3, .px-invitation-paper p, .px-invitation-paper small) { color: #4f423a; }
.product-page :is(.px-arrival-note, .px-private-note, .px-message-lilac, .pp-phone-update, .px-announcement-note) { background: #e9dcf1; border-color: #c9b0da; }
.product-page :is(.px-arrival-note p, .px-private-note p, .px-message-lilac p, .px-announcement-note p) { color: #62516e; }
.product-page :is(.px-calendar-card, .px-resident-message, .px-private-record, .px-import-review) { background: var(--pc-sheet, #fffdf9); border-color: var(--pc-line, #d8cddf); }
.product-page .px-calendar-week .active { background: #d9c4e8; color: #50385f; }
.product-page :is(.px-resident-orbit, .pp-resident-orbit) { background: #e2d4ed; }
.product-page .pp-phone { border-color: #a58bad; box-shadow: 0 5px 0 #d4c0de, 0 24px 42px -25px #533c6655; }
.product-page .pp-phone-top { border-color: var(--pc-line, #d8cddf); }
.product-page .pp-phone-room { background: #f2ecf5; border-color: #d8c8e4; }
.product-page .pp-phone-camera { background: #44384b; }
.product-page .pp-request-timeline i { background: #d3bfea; border-color: #a88dbb; }
.product-page .px-panel.px-mint { background: #e0eee7; }
.product-page .px-panel.px-paper { background: #f8efd1; }
.product-page .px-cost-breakdown { background: #f3e7b4; border-color: #d8c589; }
.product-page .px-cost-breakdown > div > i { background: #9275a2; }
.product-page :is(.pp-rule-default, .pp-rule-effective) { background: #f3edf6; border-color: #cebada; }
.product-page .pp-switch input:checked + span { background: #826095; }

/* The explanation belongs to the same workbook as its interactive record. */
.product-page :is(.px-benefits, .px-detail-support, .pf-chapter, .pp-faq, .pp-next, .pp-solution-opening, .pp-solution-fit, .pp-trust-access, .pp-trust-recovery) { border-color: var(--pc-line, #d8cddf); }
.product-page .pf-workflow { border-color: #d3c2df; }
.product-page .pf-workflow-symbol { background: #eadff2; border-color: #c7b2d7; box-shadow: 0 3px 0 #ddcde8; border-radius: 10px; }
.product-page .pf-workflow article:nth-child(2) .pf-workflow-symbol { background: #e1eee7; border-color: #b8d3c7; }
.product-page .pf-workflow article:nth-child(3) .pf-workflow-symbol { background: #f2e8be; border-color: #d9ca96; }
.product-page .pf-workflow-symbol .pp-icon { color: #745386; }
.product-page .pf-workflow p { color: #6e6276; font-size: 14px; }
.product-page .pf-capability-notes > article { border-color: var(--pc-line, #d8cddf); background: #fffdf9; border-radius: 9px; box-shadow: 0 3px 0 #eae2ee; }
.product-page .pf-capability-notes p { color: #6e6276; font-size: 15px; }
.product-page .px-feature-points p { color: #6e6276; }
.product-page .px-feature-points .pp-icon { color: #826095; }
.product-page .pm-feature-details { border-color: var(--pc-line, #d8cddf); }
.product-page .pm-feature-details summary { color: #63536e; }
.product-page :is(.pp-faq details, .pp-next a, .pp-trust-limits-v129 details) { border-color: var(--pc-line, #d8cddf); }
.product-page :is(.pp-faq summary, .pp-next a b, .pp-trust-limits-v129 summary) { color: var(--pc-ink, #29252e); font-weight: 700; }
.product-page :is(.pp-faq details p, .pp-next a small, .pp-trust-limits-v129 details p) { color: var(--pc-muted, #6e6276); }
.product-page :is(.pp-faq details[open], .pp-trust-limits-v129 details[open]) { background: #f1eaf5; }
.product-page .pp-faq details[open] { padding-inline: 18px; border-radius: 8px; }

/* Solutions: one folder, with distinct records for the work inside. */
.product-page .pp-solution-folder { background: #d4bfe7; border-color: #b59bc8; }
.product-page .pp-solution-folio-tab { background: var(--pc-honey, #f0df98); border-color: #d1bb70; color: #59472f; }
.product-page .pp-solution-day { background: var(--pc-sheet, #fffdf9); }
.product-page :is(.pp-solution-paper-label, .pp-solution-moment, .pp-solution-detail) { border-color: var(--pc-line, #d8cddf); }
.product-page .pp-solution-moment > svg { background: #eee5f4; color: #725181; border-radius: 9px; }
.product-page .pp-solution-moment:nth-child(3) > svg { background: #f2e5ac; color: #74572c; }
.product-page .pp-solution-moment:nth-child(4) > svg { background: #dcece4; color: #486657; }
.product-page :is(.pp-solution-moment span, .pp-solution-day > small, .pp-solution-example-label, .pp-solution-question) { color: #65566d; }
.product-page .pp-solution-note { background: #e3d0ef; border-color: #bca0cf; color: #584266; box-shadow: 0 4px 0 #d0b7df60, 0 18px 24px -23px #53326470; }
.product-page .pp-solution-tone-sage .pp-solution-example { background: #e0ece5; border-color: #bcd4c6; }
.product-page .pp-solution-tone-blue .pp-solution-example { background: #e9dff0; border-color: #cbb6da; }
.product-page .pp-solution-tone-lilac .pp-solution-example { background: #e7d8f0; border-color: #c6abda; }
.product-page .pp-solution-tone-peach .pp-solution-example { background: #f3e8bd; border-color: #d9c995; }
.product-page .pp-solution-example .pp-payment-demo { background: transparent; box-shadow: none; border: 0; }
.product-page .pp-solution-example .pp-demo:not(.pp-payment-demo) { background: #fffdf9; border-color: #ccbcd5; }
.product-page .pp-solution-fit-icon { background: #eddfb0; border-color: #cfbd87; color: #645333; }

/* A migration has source sheets, review notes and an approved starting record. */
.product-page .pf-migration-route { background: #f0e8f5; border-color: var(--pc-line, #d8cddf); }
.product-page .pf-migration-route a { border-color: var(--pc-line, #d8cddf); color: #685174; }
.product-page .pf-migration-route a > span { color: #685174; }
.product-page .pf-step-index { color: #775687; }
.product-page .pf-migration-step { border-color: var(--pc-line, #d8cddf); }
.product-page .pf-step-visual { background: #eee5f4; border-color: #d2c0de; border-radius: 12px; }
.product-page .pf-file-pair > div:nth-child(2) { background: #e8dcf1; border-color: #c8afd8; }
.product-page .pf-file-pair > div > span { color: #62536c; }
.product-page :is(.pf-mapping-paper, .pf-confirmed-paper) { background: #fffdf9; border-color: #cbb8d7; box-shadow: 0 4px 0 #e1d4e8, 0 22px 32px -28px #49345055; }
.product-page .pf-approval-summary { background: #f3e7b4; border-color: #d5c282; }
.product-page .pf-approval-summary p { border-color: #d4c78f; color: #67543d; }
.product-page .px-import-question { background: #f6edca; }
.product-page .px-import-approval { background: #e2eee6; border-color: #bfd4c7; }

/* Access passes are different pieces of the same property folder. */
.product-page .pp-trust-pass { color: var(--pc-ink, #29252e); border-color: #bda4cc; box-shadow: 0 4px 0 #d8c5e360, 0 23px 30px -25px #50355977; }
.product-page .pp-trust-pass-sage { background: #dcece3; }
.product-page .pp-trust-pass-blue { background: #f2e4ac; }
.product-page .pp-trust-pass-lilac { background: #decaec; }
.product-page .pp-trust-pass :is(p, b, h2, .pp-trust-pass-stamp) { color: #57485e; }
.product-page .pp-trust-pass > div { border-color: #ac92bc70; }
.product-page .pp-trust-access-paper { background: #e9dcf2; border-color: #c5aad7; }
.product-page .pp-trust-document-cover { background: #d7c0e6; border-color: #b99bca; color: #4b375c; }
.product-page .pp-trust-document-cover :is(h3, p) { color: inherit; }
.product-page .pp-trust-document-slip { background: #fffdf9; border-color: #c8b4d4; }
.product-page .pp-trust-document-slip > div { border-color: #ded1e5; }
.product-page .pp-trust-history { height: auto; min-height: 355px; background: #f6ecc8; border-color: #d6c593; box-shadow: 0 4px 0 #e4d7b560, 0 18px 30px -25px #6c5c3955; }
.product-page :is(.pp-trust-history-title, .pp-trust-history > div, .pp-trust-history > p) { border-color: #daca9b; }
.product-page .pp-trust-recovery > span { background: #e3efe8; border-color: #b8d1c3; }

@media (max-width: 800px) {
  .product-page .pf-workflow p { max-width: none; }
  .product-page :is(.pp-solution-hero, .pp-trust-hero) { background-position: center bottom; }
}
@media (max-width: 600px) {
  .product-page :is(h1, h2) { letter-spacing: -.045em; }
  .product-page .pf-capability-notes p { font-size: 14px; }
  .product-page :is(.px-scene, .pp-solution-example, .pp-trust-access-paper) { border-radius: 10px; }
  .product-page .pp-faq details[open] { padding-inline: 12px; }
  .product-page .px-resident-scene { background: #eee5f4 !important; }
}

/* Keep the explanation open; reserve framed paper for the actual records. */
.product-page .pf-capability-notes {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
}
.product-page .pf-capability-notes > article {
  display: grid;
  grid-template-columns: 24px minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
  gap: 22px;
  padding: 27px 0;
  border: 0;
  border-bottom: 1px solid var(--pc-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.product-page .pf-capability-notes > article:last-child { border-bottom: 0; }
.product-page .pf-capability-notes > article > .pp-icon { margin: 4px 0 0; }
.product-page .pf-capability-notes h3 { margin: 0; font-size: 21px; line-height: 1.4; }
.product-page .pf-capability-notes p { margin: 0; font-size: 16px; line-height: 1.75; max-width: 64ch; }
.product-page .pf-workflow { margin-bottom: 10px; }
.product-page .pf-workflow p { font-size: 14px; }
.product-page .pf-preview-heading { padding-bottom: 18px; }
.product-page .pf-preview-heading h2 { font-weight: 700; }
.product-page .pf-preview-heading > span { font-size: 12px; }
.product-page .px-section-heading p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
.product-page .px-panel > p { font-size: 15px; }

/* Quiet workbook edges give the data sheet more room and a clear title line. */
.product-page .px-window-bar { min-height: 56px; }
.product-page .px-window-bar > b { font-size: 13px; }
.product-page .px-business-metrics { border-radius: 8px; padding: 23px 20px; }
.product-page .px-business-metrics span { font-size: 12px; line-height: 1.5; }
.product-page .px-property-name b { font-size: 14px; }
.product-page .px-property-name small { font-size: 11px; line-height: 1.5; }
.product-page .px-person b { font-size: 14px; }
.product-page .px-person div > span { font-size: 12px; line-height: 1.5; }
.product-page .px-ui-note { font-size: 12px; line-height: 1.75; }
.product-page .px-support-grid > * { border-radius: 10px; }

/* The question below each example is a caption, not another interface panel. */
.product-page .pp-solution-example .pp-floating-label {
  padding: 12px 0 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--pc-muted);
}
.product-page .pp-solution-question {
  border-top: 1px solid #927b9b33;
  padding-top: 14px;
  text-align: left;
  justify-content: flex-start;
}
.product-page .pp-solution-example-label { font-size: 11px; line-height: 1.6; }
.product-page .pp-solution-moment strong { font-weight: 650; }
.product-page .pf-migration-route { border-radius: 10px; }
.product-page .pf-migration-route a { border-radius: 4px; transition: background-color .18s ease; }
.product-page .pf-migration-route a:hover { background: #e2d3eb; }
.product-page .pf-step-copy > p:last-child { font-size: 16px; }
.product-page .pf-step-index { border-color: #cdbbda; background: var(--pc-sheet); }
.product-page .pp-trust-access-paper .pp-demo { border-radius: 8px; }

@media (max-width: 1000px) {
  .product-page .pf-file-pair { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .product-page .pf-file-pair > div { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 5px 12px; padding: 16px 14px; rotate: -1deg; translate: none; }
  .product-page .pf-file-pair > div:last-child { rotate: 1deg; }
  .product-page .pf-file-pair .pp-icon { grid-row: 1 / 3; width: 24px; height: 24px; margin: 0; align-self: center; }
  .product-page .pf-file-pair span { grid-column: 2; font-size: 12px; }
  .product-page .pf-file-pair b { font-size: 14px; line-height: 1.5; }
}
@media (max-width: 1000px) and (min-width: 701px) {
  .product-page .pf-capability-notes > article { grid-template-columns: 24px minmax(0, .85fr) minmax(0, 1.15fr); gap: 20px; }
  .product-page .pf-capability-notes h3 { font-size: 20px; }
  .product-page .pf-workflow { gap: 24px; }
  .product-page .pf-workflow article { flex-direction: column; gap: 15px; }
  .product-page .pf-workflow h3 { font-size: 18px; }
}
@media (max-width: 700px) {
  .product-page .pf-hero { padding-top: 112px; padding-bottom: 36px; gap: 23px; }
  .product-page .pf-hero .pp-breadcrumb { margin-bottom: 23px; }
  .product-page .pf-hero .pp-hero-actions { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
  .product-page .pf-hero .pp-hero-actions .text-link { min-height: 44px; display: inline-flex; align-items: center; }
  .product-page .pf-hero-preview { margin-bottom: 48px; }
  .product-page .pf-preview-heading { padding-bottom: 14px; }
  .product-page .pf-workflow { padding-bottom: 22px; margin-bottom: 4px; }
  .product-page .pf-capability-notes > article { grid-template-columns: 23px minmax(0, 1fr); gap: 8px 15px; padding: 24px 0; }
  .product-page .pf-capability-notes h3 { grid-column: 2; font-size: 19px; }
  .product-page .pf-capability-notes p { grid-column: 2; font-size: 15px; }
  .product-page .px-business-metrics { padding: 20px 12px; gap: 10px; }
  .product-page .px-business-metrics > div + div { padding-left: 10px; }
  .product-page .px-business-metrics strong { font-size: 32px; }
  .product-page .px-business-metrics span { font-size: 12px; }
  .product-page .pp-solution-example { padding: 18px 12px 15px; }
  .product-page .pp-solution-example .pp-demo:not(.pp-payment-demo) { padding: 17px 14px; }
  .product-page .pp-solution-example .pp-tabs button { font-size: 12px; }
  .product-page .pp-solution-example .pp-bed-tile span { font-size: 12px; }
  .product-page .pp-solution-question { font-size: 12px; line-height: 1.7; }
  .product-page .pp-solution-example .pp-floating-label { font-size: 12px; line-height: 1.7; }
  .product-page .pp-solution-example .pp-record :is(dt, dd) { font-size: 13px; }
  .product-page .pp-trust-access-paper { padding: 16px 12px; }
  .product-page .pp-trust-access-paper .pp-demo { padding: 18px 14px; }
  .product-page .pp-trust-access-paper .pp-access-row { font-size: 13px; }
}
@media (max-width: 600px) {
  .product-page .pp-trust-documents { height: auto; padding: 15px 14px 12px; }
  .product-page .pp-trust-document-slip { position: relative; inset: auto; margin: -95px -6px 0 20px; }
}

/* Keep the record icon beside its text at every preview width. */
.product-page .px-business-attention > span {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 5px 10px;
  align-content: start;
  padding: 15px 13px;
}
.product-page .px-business-attention > span > .pp-icon {
  position: static;
  grid-row: 1 / 3;
  margin-top: 2px;
}
.product-page .px-business-attention :is(b, small) {
  grid-column: 2;
  margin: 0;
  line-height: 1.65;
}
.product-page .px-business-attention b { font-size: 12px; }
.product-page .px-business-attention small { font-size: 11px; }
.product-page .pp-select-label {
  font-size: 12px;
  line-height: 1.6;
}
.product-page .pp-select-label select {
  appearance: none;
  min-height: 44px;
  padding: 11px 38px 11px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236b567a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
@media (max-width: 700px) {
  .product-page .px-finance-layout .pp-select-label {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .product-page .px-finance-layout .pp-select-label select { width: 100%; }
}

@media (max-width: 400px) {
  .product-page .px-property-sidebar > button .pp-icon { display: none; }
  .product-page .px-business-metrics {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 6px 14px;
  }
  .product-page .px-business-metrics > div {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px 0;
  }
  .product-page .px-business-metrics > div + div {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--pc-line);
  }
  .product-page .px-business-metrics strong { white-space: nowrap; }
  .product-page .px-business-metrics span { margin-top: 0; max-width: none; }
}