/* Local V4 surface study. Original V3 content and behaviour remain intact. */
.personal-preview .member-benefits {
  width: 100%; max-width: none; margin: 0;
  padding: 46px max(24px, calc((100% - 1200px) / 2)) 44px;
  background: var(--soft); border-block: 1px solid var(--line);
}
.personal-preview .member-benefits .section-heading { margin-bottom: 26px; }
.personal-preview .member-follow-grid { gap: 22px; align-items: stretch; }
.personal-preview .member-follow-grid .member-benefit-card {
  padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--action);
  border-radius: 14px; background: var(--surface);
}
.personal-preview .member-follow-grid .member-benefit-card h3 { margin: 10px 0 15px; }
.personal-preview .member-follow-grid .member-benefit-card p { line-height: 1.6; }
.personal-preview #deine-veraenderungen {
  margin: 18px 0 26px; padding: 0 22px; border: 1px solid var(--line);
  border-radius: 12px; background: var(--surface);
}
.personal-preview #deine-veraenderungen > summary { min-height: 56px; }
.personal-preview .member-tools-heading { margin: 26px 0 16px; }
.personal-preview .member-tools-grid {
  gap: 0; border: 1px solid var(--line); border-radius: 14px;
  background: var(--surface); overflow: hidden;
}
.personal-preview .member-tools-grid > .member-benefit-card { border: 0; border-bottom: 1px solid var(--line); }
.personal-preview .member-tools-grid > .member-benefit-card:last-child { border-bottom: 0; }
.personal-preview .tool-disclosure summary { padding: 19px 22px; }
.personal-preview .tool-body { padding: 0 22px 22px 222px; }
.personal-preview .member-benefit-footer { margin: 22px 0 18px; }

.personal-preview .compact-access {
  width: 100%; max-width: none; margin: 0;
  padding: 42px max(24px, calc((100% - 1200px) / 2)) 48px;
  background: var(--paper);
}
.personal-preview .compact-access .access-row {
  margin: 0 0 28px; padding: 0 0 28px; gap: 48px; border-top: 0;
  grid-template-columns: 1fr 1.3fr;
}
.personal-preview .compact-access .access-row h2 { margin-top: 12px; }
.personal-preview .market-overview { margin-bottom: 26px; }
.personal-preview .market-overview > h3 { margin: 0 0 20px; font-size: 28px; }
.personal-preview .market-overview .services.current-offer { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px; }
.personal-preview .current-offer article { display: block; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.personal-preview #maerkte .current-offer .market-preparing { background: var(--surface); border-color: var(--line); }
.personal-preview .current-offer h4 { margin: 0 0 13px; }
.personal-preview .current-offer p { margin-top: 14px; }
.personal-preview .current-offer .badge { margin-bottom: 0; }
.personal-preview .current-offer .market-status-preparing { background: var(--soft); color: var(--action); }
.personal-preview .current-offer .market-status-ready { margin-bottom: 10px; }
.personal-preview .future-offers { margin: 18px 0 26px; background: var(--surface); }
.personal-preview .offer { padding: 28px; background: var(--surface); border-color: var(--line); }
.personal-preview .offer .beta-account-note { margin-block: 14px; }

.personal-preview .feedback-section {
  width: 100%; max-width: none; margin: 0;
  padding: 40px max(24px, calc((100% - 1200px) / 2));
  background: var(--navy); color: white;
}
.personal-preview .feedback-card { padding: 0; gap: 48px; border: 0; }
.personal-preview .feedback-card .eyebrow { color: var(--lightblue); }
.personal-preview .feedback-card h2 { margin: 12px 0 17px; color: white; }
.personal-preview .feedback-copy, .personal-preview .feedback-pending { color: var(--soft); }
.personal-preview .feedback-action .button { background: var(--surface); border-color: var(--surface); color: var(--navy); min-height: 50px; }
.personal-preview .feedback-action .button:hover { background: var(--soft); border-color: var(--soft); }
.personal-preview .feedback-section :is(a, button):focus-visible { outline-color: white; }

@media (max-width: 950px) {
  .personal-preview .tool-body { padding-left: 22px; }
  .personal-preview .compact-access .access-row { gap: 28px; }
}
@media (max-width: 850px) {
  .personal-preview .member-benefits, .personal-preview .compact-access, .personal-preview .feedback-section { padding-inline: 16px; }
  .personal-preview .member-benefits { padding-block: 34px; }
  .personal-preview .compact-access { padding-block: 32px 36px; }
  .personal-preview .compact-access .access-row { grid-template-columns: 1fr; gap: 20px; padding-bottom: 24px; margin-bottom: 25px; }
  .personal-preview .feedback-section { padding-block: 32px; }
  .personal-preview .feedback-card { gap: 25px; }
}
@media (max-width: 760px) {
  .personal-preview .member-follow-grid { gap: 16px; }
  .personal-preview .member-follow-grid .member-benefit-card { padding: 20px; }
  .personal-preview #deine-veraenderungen { padding-inline: 18px; margin-bottom: 24px; }
  .personal-preview .tool-disclosure summary { padding: 17px 18px; }
  .personal-preview .tool-body { padding: 0 18px 20px; }
  .personal-preview .market-overview .services.current-offer { grid-template-columns: 1fr !important; gap: 16px; }
  .personal-preview .current-offer article { padding: 21px; }
  .personal-preview .offer { padding: 24px 20px; }
}
@media (max-width: 430px) {
  .personal-preview .member-benefits .section-heading h2 { font-size: 29px; }
  .personal-preview .member-follow-grid .member-benefit-card h3 { font-size: 23px; }
  .personal-preview .market-overview > h3 { font-size: 25px; }
  .personal-preview .feedback-action { width: 100%; }
}