/** Copyright (c) 2026 DNA Genics, S.L. All rights reserved. */
.hc-page { --cv5-bg: var(--hd-bg); --cv5-surface: var(--hd-surface); --cv5-panel: var(--hd-surface); --cv5-ink: var(--hd-ink); --cv5-muted: var(--hd-muted); --cv5-line: var(--hd-border); --cv5-moss: var(--hd-primary); --cv5-moss-dark: var(--hd-primary); --cv5-moss-soft: var(--hd-sage); font-family: var(--hd-sans); padding: calc(var(--nav-height,72px) + 8px) 0 0; }
.hc-page .hd-container { max-width: 1240px; }
.hc-page .hc-hero { margin-top: 12px; }
.hc-page .hd-eyebrow { color: var(--hd-gold); margin-bottom: 8px; }
.hc-page .hd-hero__title { color: var(--hd-primary); margin-bottom: 20px; }
.hc-page .hd-hero__subtitle { color: var(--hd-muted); }
.hc-page .hd-hero__actions { margin-top: 24px; }
.hc-page .hd-hero__card p { color: var(--hd-muted); font-size: .86rem; line-height: 1.8; margin-top: 16px; }
.hc-totals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--hd-border); border-radius: var(--hd-radius); background: #fff; margin: 0 0 32px; }
.hc-totals > div { padding: 24px; border-right: 1px solid var(--hd-border); }
.hc-totals > div:last-child { border: 0; }
.hc-totals dt { font-size: .78rem; font-weight: 400; color: var(--hd-muted); margin-bottom: 10px; }
.hc-totals dd { font: 500 2rem var(--hd-serif); color: var(--hd-primary); margin: 0; }
.hc-page .cv5-eyebrow { color: var(--hd-gold); font-size: .72rem; font-weight: 600; letter-spacing: .16em; }
.hc-page .cv5-discovery { border-radius: var(--hd-radius); box-shadow: none; padding: 28px; }
.hc-page .cv5-section-heading { display: block; margin-top: 36px; }
.hc-page .cv5-section-heading h2, .hc-page .cv5-discovery-header h2 { font: 500 2rem var(--hd-serif); margin-top: 8px; }
.hc-page .cv5-community-card, .hc-page .cv5-next-step, .hc-page .cv5-empty { border-radius: var(--hd-radius); box-shadow: none; }
.hc-page .cv5-card-art { background: var(--hd-sage); color: var(--hd-primary); }
.hc-page .cv5-card-initial { color: var(--hd-primary); }
.hc-page .cv5-next-step { background: var(--hd-sand); }
.hc-page .cv5-button { border-radius: 10px; font: 600 .84rem var(--hd-sans); padding: 12px 18px; }
.hc-page .cv5-button-primary { background: var(--hd-primary); color: #fff; }
.hc-page .cv5-button-secondary { background: var(--hd-sand); color: var(--hd-primary); border-color: var(--hd-border); }
.hc-page .cv5-card-tags .dna-icon, .hc-page .cv5-next-step-list .dna-icon { margin-right: 8px; }
.hc-page a:focus-visible, .hc-page button:focus-visible, .hc-page input:focus-visible, .hc-page select:focus-visible { outline: 3px solid var(--hd-gold); outline-offset: 3px; }
.hc-page [id] { scroll-margin-top: 90px; }
@media(max-width:767.98px) { .hc-page { padding-top: calc(var(--nav-height-mobile,64px) + 8px); } .hc-page .hc-hero { grid-template-columns: 1fr; gap: 24px; padding: 24px; } .hc-page .cv5-discovery { padding: 20px; } .hc-totals > div { padding: 16px; } .hc-totals dt { font-size: .7rem; } .hc-totals dd { font-size: 1.6rem; } }