/* Per-skin layout accents — warm welcoming palettes via CSS variables */
.pm-skin--velour-luxury .pm-hero--velour { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding: 48px 32px; max-width: 1100px; margin: 0 auto; }
.pm-skin--velour-luxury .pm-deco--velour { background: radial-gradient(ellipse 60% 50% at 80% 10%, color-mix(in srgb, var(--pm-accent) 14%, transparent), transparent 60%); }
.pm-skin--velour-luxury .pm-stats--ribbon { display: flex; flex-wrap: wrap; justify-content: center; max-width: 900px; margin: 0 auto 24px; border: 1px solid var(--pm-border-soft); border-radius: 14px; overflow: hidden; background: var(--pm-surface); }
.pm-skin--velour-luxury .pm-stats--ribbon .pm-stat { flex: 1; min-width: 140px; border: none; border-radius: 0; border-right: 1px solid var(--pm-border-soft); box-shadow: none; }
.pm-skin--velour-luxury .pm-stats--ribbon .pm-stat:last-child { border-right: none; }
@media (max-width: 900px) { .pm-skin--velour-luxury .pm-hero--velour { grid-template-columns: 1fr; } }

.pm-skin--cyber-aerial .pm-hero--cyber { padding: 48px 24px; max-width: 1100px; margin: 0 auto; }
.pm-skin--cyber-aerial .pm-hero-cyber-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.pm-skin--cyber-aerial .pm-deco--radar { background: repeating-conic-gradient(from 0deg, transparent 0deg 10deg, color-mix(in srgb, var(--pm-accent) 6%, transparent) 10deg 11deg); }
.pm-skin--cyber-aerial .pm-hud-panel { background: color-mix(in srgb, var(--pm-wash) 70%, var(--pm-surface)); border: 1px solid var(--pm-border-soft); padding: 10px 14px; margin-bottom: 12px; font-family: ui-monospace, monospace; font-size: 11px; color: var(--pm-accent); }
.pm-skin--cyber-aerial .pm-stats--hud { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
@media (max-width: 900px) { .pm-skin--cyber-aerial .pm-hero-cyber-grid { grid-template-columns: 1fr; } }

.pm-skin--clinical-trust .pm-trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 20px; }
.pm-skin--clinical-trust .pm-trust-badge { padding: 8px 16px; border-radius: 999px; background: color-mix(in srgb, var(--pm-wash) 65%, var(--pm-surface)); border: 1px solid var(--pm-border-soft); font-size: 12px; font-weight: 600; color: var(--pm-accent); }
.pm-skin--clinical-trust .pm-hero--clinical { text-align: center; padding: 48px 24px 24px; max-width: 800px; margin: 0 auto; }
.pm-skin--clinical-trust .pm-stats--clinical { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.pm-skin--clinical-trust .pm-clinical-visual { max-width: 720px; margin: 0 auto 16px; padding: 0 24px; }

.pm-skin--flame-kitchen .pm-deco--flame { background: linear-gradient(135deg, color-mix(in srgb, var(--pm-accent) 10%, transparent), transparent 50%, color-mix(in srgb, var(--pm-accent2) 8%, transparent)); }
.pm-skin--flame-kitchen .pm-hero--flame { text-align: center; padding: 48px 24px 32px; max-width: 800px; margin: 0 auto; }
.pm-skin--flame-kitchen .pm-hero-flame-media { max-width: 640px; margin: 24px auto 0; }
.pm-skin--flame-kitchen .pm-stats--flame { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 24px auto; max-width: 900px; padding: 0 24px; }

.pm-skin--noir-dining .pm-hero--noir { text-align: center; padding: 48px 24px 32px; max-width: 760px; margin: 0 auto; }
.pm-skin--noir-dining .pm-hero--noir h1 em { font-style: italic; color: var(--pm-accent); }
.pm-skin--noir-dining .pm-noir-band { max-width: 900px; margin: 0 auto; padding: 0 24px 32px; }
.pm-skin--noir-dining .pm-stats--noir { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; }
.pm-skin--noir-dining .pm-grid--magazine { display: flex; flex-direction: column; gap: 12px; }
.pm-skin--noir-dining .pm-grid--magazine .pm-card { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: start; }

.pm-skin--mint-urban .pm-bento { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; max-width: 1100px; margin: 0 auto; padding: 32px 24px; }
.pm-skin--mint-urban .pm-bento-main { background: var(--pm-surface); border-radius: 16px; padding: 32px; border: 1px solid color-mix(in srgb, var(--pm-accent) 18%, var(--pm-border-soft)); }
.pm-skin--mint-urban .pm-bento-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 800px) { .pm-skin--mint-urban .pm-bento { grid-template-columns: 1fr; } }

.pm-skin--steel-grid .pm-deco--steel { background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--pm-accent) 5%, transparent) 0 1px, transparent 1px 40px); }
.pm-skin--steel-grid .pm-hero--steel { padding: 40px 24px; max-width: 1100px; margin: 0 auto; border-bottom: 3px solid var(--pm-accent); }
.pm-skin--steel-grid .pm-hero--steel h1 { text-transform: uppercase; letter-spacing: 0.04em; font-size: clamp(2rem, 5vw, 3.2rem); }
.pm-skin--steel-grid .pm-steel-bar { display: flex; flex-wrap: wrap; margin: 20px 0; border: 2px solid var(--pm-accent); border-radius: 10px; overflow: hidden; }
.pm-skin--steel-grid .pm-steel-bar .pm-stat { flex: 1; min-width: 120px; border-radius: 0; border: none; border-right: 1px solid var(--pm-border-soft); box-shadow: none; }
.pm-skin--steel-grid .pm-steel-video { max-width: 900px; margin: 0 auto; padding: 0 24px 24px; }

.pm-skin--chrome-speed .pm-hero-chrome-split { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; max-width: 1100px; margin: 0 auto; padding: 40px 24px; }
.pm-skin--chrome-speed .pm-stats--chrome { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 0 24px 32px; }
@media (max-width: 900px) { .pm-skin--chrome-speed .pm-hero-chrome-split { grid-template-columns: 1fr; } }

.pm-skin--violet-fleet .pm-hero--violet { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 48px 32px; max-width: 1100px; margin: 0 auto; align-items: center; }
.pm-skin--violet-fleet .pm-deco--orb { background: radial-gradient(circle at 30% 40%, color-mix(in srgb, var(--pm-accent) 10%, transparent), transparent 50%); }
.pm-skin--violet-fleet .pm-route-viz { display: flex; gap: 8px; margin: 16px 0; }
.pm-skin--violet-fleet .pm-route-viz span { height: 4px; flex: 1; background: linear-gradient(90deg, var(--pm-accent), var(--pm-accent2)); border-radius: 2px; }
@media (max-width: 900px) { .pm-skin--violet-fleet .pm-hero--violet { grid-template-columns: 1fr; } }

.pm-skin--pulse-ride .pm-hero--pulse { text-align: center; padding: 48px 24px 32px; max-width: 800px; margin: 0 auto; }
.pm-skin--pulse-ride .pm-dual-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; text-align: left; }
.pm-skin--pulse-ride .pm-dual-card { display: block; padding: 20px; border-radius: 14px; background: var(--pm-surface); border: 1px solid var(--pm-border-soft); text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.pm-skin--pulse-ride .pm-dual-card:hover { border-color: color-mix(in srgb, var(--pm-accent) 25%, var(--pm-border-soft)); box-shadow: 0 4px 16px rgba(44, 40, 36, 0.06); }
.pm-skin--pulse-ride .pm-dual-card strong { display: block; color: var(--pm-accent); margin-bottom: 4px; }
.pm-skin--pulse-ride .pm-pulse-video { max-width: 680px; margin: 0 auto 20px; padding: 0 24px; }
@media (max-width: 600px) { .pm-skin--pulse-ride .pm-dual-cta { grid-template-columns: 1fr; } }

.pm-skin--transit-loop .pm-hero--transit { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 40px 32px; max-width: 1100px; margin: 0 auto; align-items: center; }
.pm-skin--transit-loop .pm-kicker--transit { background: var(--pm-accent); color: #fff; display: inline-block; padding: 6px 12px; border-radius: 6px; }
.pm-skin--transit-loop .pm-stats--transit { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 800px) { .pm-skin--transit-loop .pm-hero--transit { grid-template-columns: 1fr; } }

.pm-skin--harbor-heavy .pm-hero--harbor { text-align: center; padding: 48px 24px 32px; max-width: 900px; margin: 0 auto; position: relative; }
.pm-skin--harbor-heavy .pm-stats--harbor { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0; border: 2px solid var(--pm-accent); border-radius: 10px; overflow: hidden; }
.pm-skin--harbor-heavy .pm-stats--harbor .pm-stat { flex: 1; min-width: 130px; border-radius: 0; border: none; border-right: 1px solid var(--pm-border-soft); box-shadow: none; }
.pm-skin--harbor-heavy .pm-harbor-video { max-width: 800px; margin: 0 auto 24px; padding: 0 24px; }

.pm-skin--concierge-warm .pm-hero--concierge { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 32px; padding: 40px 32px; max-width: 1100px; margin: 0 auto; }
.pm-skin--concierge-warm .pm-concierge-panel { background: var(--pm-surface); border-radius: 18px; padding: 36px; border: 1px solid var(--pm-border-soft); box-shadow: 0 6px 24px rgba(44, 40, 36, 0.06); }
.pm-skin--concierge-warm .pm-stats--concierge { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
@media (max-width: 900px) { .pm-skin--concierge-warm .pm-hero--concierge { grid-template-columns: 1fr; } }