/* Base */
.qpd { --bg:#ffffff; --fg:#111; --muted:#555; --brand:#0073aa; --card:#f6f8fa; }
.qpd h1, .qpd h2 { margin: .2em 0 .5em; }
.qpd p { margin: .5em 0; }
/* Skins */
.qpd.skin-ocean { --brand:#0073aa; --bg:#f8fbff; --card:#eef6ff; }
.qpd.skin-desert{ --brand:#b25e09; --bg:#fffaf3; --card:#fff1db; }
.qpd .qpd-btn{ display:inline-block; padding:10px 18px; border-radius:6px; background:var(--brand); color:#fff; text-decoration:none }
.qpd .qpd-hero{ padding:48px 20px; text-align:center; background:var(--bg) }
.qpd .qpd-intro, .qpd .qpd-destinations, .qpd .qpd-faq, .qpd .qpd-cta{ padding:24px 20px }
.qpd .qpd-cards{ display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:14px; list-style:none; padding:0; margin:0 }
.qpd .qpd-card{ background:var(--card); border-radius:8px; padding:12px }
.qpd .qpd-faq dt{ font-weight:bold; margin-top:.6em }
.qpd .qpd-faq dd{ margin-left:0; margin-bottom:.4em }