/* FP Product Clarity — scoped .fp-pdp, matches the futurepages theme tokens
   (--fp-primary #5b5bf0, --fp-accent #22d3ee, --fp-ink #0b1220, --fp-line #e5e8f0, radius 18) */

.fp-pdp{margin:40px 0}
.fp-pdp h2{font-size:1.5rem;line-height:1.2;margin:0 0 6px;color:#0b1220}
.fp-pdp .fp-pdp-sub{color:#5b6478;margin:0 0 18px;font-size:.97rem}

/* how it works */
.fp-pdp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.fp-pdp-step{background:#fff;border:1px solid #e5e8f0;border-radius:18px;padding:22px 22px 18px;position:relative}
.fp-pdp-n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:12px;background:linear-gradient(135deg,#5b5bf0,#22d3ee);color:#fff;
  font-weight:700;font-size:1.05rem;margin-bottom:10px}
.fp-pdp-step h3{margin:0 0 6px;font-size:1.05rem;color:#0b1220}
.fp-pdp-step p{margin:0;color:#5b6478;font-size:.93rem;line-height:1.55}

/* prompt preview */
.fp-pdp-prompts{display:grid;gap:14px}
.fp-pdp-prompt{background:#fff;border:1px solid #e5e8f0;border-radius:18px;overflow:hidden}
.fp-pdp-prompt header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #eef0f6}
.fp-pdp-prompt h3{margin:0;font-size:1rem;color:#0b1220;flex:1}
.fp-pdp-chip{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#4747d1;background:#eef0fd;border-radius:999px;padding:4px 12px;white-space:nowrap}
.fp-pdp-no{font-size:.78rem;color:#8a92a6;font-variant-numeric:tabular-nums;white-space:nowrap}
.fp-pdp-prompt pre{margin:0;padding:16px 20px;white-space:pre-wrap;overflow-wrap:break-word;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;
  color:#2e3644;background:#f7f8fb;border-left:3px solid #22d3ee}
.fp-pdp-note{margin:14px 0 0;color:#5b6478;font-size:.9rem;font-style:italic}

/* file manifest */
.fp-pdp-tablewrap{overflow-x:auto;background:#fff;border:1px solid #e5e8f0;border-radius:18px}
.fp-pdp-files table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px;margin:0}
.fp-pdp-files th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8a92a6;
  text-align:left;padding:12px 18px;border-bottom:1px solid #e5e8f0;font-weight:600}
.fp-pdp-files td{padding:11px 18px;border-bottom:1px solid #eef0f6;color:#5b6478;vertical-align:top}
.fp-pdp-files tr:last-child td{border-bottom:none}
.fp-pdp-files td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:#0b1220}
.fp-pdp-files code{background:#eef0fd;color:#4747d1;border-radius:6px;padding:2px 8px;
  font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

@media (max-width:600px){
  .fp-pdp h2{font-size:1.25rem}
  .fp-pdp-prompt header{flex-wrap:wrap;row-gap:6px}
}