/** Copyright (c) 2026 DNA Genics, S.L. All rights reserved. */
/* Opt-in Heritage treatment for public guides using the shared landing structure. */
.product-landing.public-guide.hpg-page {
    --paper: var(--hd-bg);
    --ink: var(--hd-ink);
    --muted: var(--hd-muted);
    --deep: var(--hd-bg);
    --deep2: var(--hd-sage);
    --gold: var(--hd-gold);
    --serif: var(--hd-serif);
    --sans: var(--hd-sans);
    --line: var(--hd-border);
    font-family: var(--hd-sans);
    padding-top: calc(var(--nav-height, 72px) + 8px);
}
.hpg-page .pl-wrap { max-width: 1240px; }
.hpg-page .pl-hero { color: var(--hd-primary); }
.hpg-page .pl-hero::after { height: 1px; background: var(--hd-border); }
.hpg-page .pl-hero-inner { padding-top: 24px; padding-bottom: 40px; gap: 48px; }
.hpg-page .pl-hero h1 { color: var(--hd-primary); font-weight: 500; letter-spacing: -.025em; }
.hpg-page .pl-hero-copy > p, .hpg-page .pl-hero-lede { color: var(--hd-muted); font-size: 1rem; line-height: 1.85; }
.hpg-page .pl-hero .pl-eyebrow, .hpg-page .pl-section-no { color: var(--hd-gold); }
.hpg-page .pg-preview { background: var(--hd-surface); border: 1px solid var(--hd-border); border-radius: var(--hd-radius); box-shadow: none; overflow: hidden; }
.hpg-page .pg-preview-top { background: var(--hd-sand); color: var(--hd-primary); border-color: var(--hd-border); }
.hpg-page .pg-preview h2 { color: var(--hd-primary); font-weight: 500; }
.hpg-page .pg-preview ol { background: var(--hd-sage); border-radius: 10px; }
.hpg-page .pg-preview li { border-color: var(--hd-border); }
.hpg-page .pg-preview li strong { color: var(--hd-primary); }
.hpg-page .pg-preview li p, .hpg-page .pg-preview-note { color: var(--hd-muted); }
.hpg-page .pl-section, .hpg-page .pl-section:nth-of-type(even) { background: var(--hd-bg); }
.hpg-page .pl-section { padding: 56px 0; border-top: 1px solid var(--hd-border); }
.hpg-page .pl-section h2, .hpg-page .pl-section h3 { color: var(--hd-primary); font-weight: 500; }
.hpg-page .pl-section h2 { letter-spacing: -.02em; }
.hpg-page .pl-section p { line-height: 1.85; }
.hpg-page .pl-section-header { margin-bottom: 28px; }
.hpg-page .pl-btn { border-radius: 10px; font-size: .88rem; padding: 13px 22px; text-decoration: none; }
.hpg-page .pl-btn-primary { background: var(--hd-primary); color: var(--hd-surface); border-color: var(--hd-primary); }
.product-landing.public-guide.hpg-page .pl-btn-primary { color: var(--hd-surface) !important; }
.hpg-page .pl-btn-primary:hover { background: var(--hd-ink); color: var(--hd-surface); }
.hpg-page .pl-btn:hover { transform: none; }
.hpg-page .pl-section-nav { background: var(--hd-sand); border-color: var(--hd-border); }
.hpg-page .pl-section-nav a { color: var(--hd-primary); min-height: 44px; display: inline-flex; align-items: center; }
.hpg-page .pg-card { background: var(--hd-surface); border: 1px solid var(--hd-border); border-radius: 12px; box-shadow: none; }
.hpg-page .pg-icon { color: var(--hd-primary); }
.hpg-page .pg-step-number { background: var(--hd-sand); color: var(--hd-primary); border-color: var(--hd-border); }
.hpg-page .hpg-notice { background: var(--hd-sage); border: 1px solid var(--hd-border); border-radius: 10px; padding: 20px; font-size: .85rem; }
.hpg-page :is(a, button, summary):focus-visible { outline: 3px solid var(--hd-gold); outline-offset: 4px; box-shadow: none; }
.hpg-page [id] { scroll-margin-top: calc(var(--nav-height, 72px) + 80px); }
@media (max-width: 767.98px) {
    .product-landing.public-guide.hpg-page { padding-top: calc(var(--nav-height-mobile, 64px) + 8px); }
    .hpg-page .pl-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 12px; }
    .hpg-page .pl-section { padding: 36px 0; }
    .hpg-page .pg-preview-body { padding: 24px 20px; }
}