/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * Heritage manual: contents, first-run steps, examples and long-form reading.
 */
.hgm-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.hgm-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:.82em; color:var(--hd-primary); text-decoration:underline; text-underline-offset:4px; }
.hgm-page .hgm-outline { list-style:none; counter-reset:manual-outline; padding:0; margin:0; }
.hgm-outline li { counter-increment:manual-outline; display:grid; grid-template-columns:24px minmax(0,1fr); gap:4px 12px; padding:14px 0; border-top:1px solid #d9cfbb; }
.hgm-outline li::before { content:counter(manual-outline,decimal-leading-zero); grid-row:span 2; color:#79643e; font:600 .75em/1.8 var(--hd-sans); padding-top:2px; }
.hgm-outline strong { font-size:.86em; color:var(--hd-primary); }
.hgm-outline li > span { grid-column:2; color:#5e5d52; font-size:.8em; line-height:1.7; }
.hgm-index { max-height:calc(100vh - var(--hg-nav) - 44px); overflow:auto; padding:4px 8px 8px 4px; }
.hgm-contents summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; color:var(--hd-primary); font-size:.84em; font-weight:600; cursor:pointer; list-style:none; padding:8px 0; border-bottom:1px solid var(--hd-border); }
.hgm-contents summary::-webkit-details-marker { display:none; }
.hgm-contents summary .dna-icon { width:12px; height:12px; }
.hgm-contents[open] summary .dna-icon { transform:rotate(180deg); }
.hgm-index .hg-help-link { gap:10px; }
.hgm-prose > p { max-width:76ch; }
.hgm-prose:only-child { grid-column:1 / -1; }
.hgm-prose > hr, .hgm-section > hr { display:none; }
.hgm-section { padding:32px 0 !important; border-bottom:1px solid var(--hd-border); }
.hgm-section:first-of-type { padding-top:14px !important; }
.hgm-section > :last-child { margin-bottom:0; }
.hgm-section h2 { max-width:26ch; }
.hgm-section h3 { margin-top:30px; }
.hgm-section p { max-width:76ch; }
.hgm-section li > p { margin-bottom:8px; }
.hgm-section [id="what-coordinates-are-not"] + ul,
.hgm-section[aria-labelledby="disclaimer"] { background:var(--hd-sage); border-radius:10px; padding:20px 24px !important; }
.hgm-section [id="what-coordinates-are-not"] + ul { padding-left:40px !important; }
.hgm-section[aria-labelledby="your-first-beginner-analysis"] { padding-bottom:36px !important; }
.hgm-page .hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol { list-style:none; counter-reset:manual-step; padding:0; margin:24px 0; display:grid; gap:16px; }
.hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li { counter-increment:manual-step; position:relative; min-width:0; padding:24px 24px 24px 76px; margin:0; border:1px solid var(--hd-border); border-radius:12px; background:var(--hd-surface); }
.hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li::before { content:counter(manual-step,decimal-leading-zero); position:absolute; top:24px; left:22px; color:#876a36; font:500 1.7em/1 var(--hd-serif); }
.hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li > ul { font-size:.9em; margin:16px 0 0; }
.hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li > ul li { padding-block:8px; margin:0; border-top:1px solid var(--hd-border); }
.hgm-section[aria-labelledby="glossary"] > p { padding:16px 0; margin:0; border-bottom:1px solid var(--hd-border); font-size:.92em; }
.hgm-section[aria-labelledby="glossary"] > p > strong:first-child { display:block; margin-bottom:6px; color:var(--hd-primary); }
.hgm-page .hgm-section[aria-labelledby="troubleshooting"] > ul { list-style:none; padding:0; }
.hgm-section[aria-labelledby="troubleshooting"] > ul > li { border-left:3px solid var(--hd-sand-strong); padding:16px 20px; margin:14px 0; background:var(--hd-surface); border-radius:0 8px 8px 0; }
.hgm-section[aria-labelledby="troubleshooting"] > ul > li > strong:first-child { color:var(--hd-primary); }
.hgm-page .hg-code > div { flex-wrap:wrap; }
.hgm-page .hg-code pre { scrollbar-gutter:stable; }
@media (max-width:991px) {
    .hgm-index { max-height:none; overflow:visible; padding:0; }
    .hgm-contents { border:1px solid var(--hd-border); border-radius:10px; padding:6px 18px; background:var(--hd-surface); }
    .hgm-contents:not([open]) summary { border-bottom:0; }
    .hgm-index nav { padding:10px 0; }
    .hgm-index nav > a { flex-basis:calc(50% - 12px); }
}
@media (max-width:575px) {
    .hgm-index nav > a { flex-basis:100%; }
    .hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li { padding:20px 18px 20px 58px; }
    .hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li::before { left:16px; top:22px; font-size:1.45em; }
    .hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li > ul { padding-left:16px; }
}
@media print {
    .hgm-hero-actions, .hgm-index { display:none !important; }
    .hgm-section { padding:18px 0 !important; }
    .hgm-section[aria-labelledby="your-first-beginner-analysis"] > ol > li { break-inside:avoid; }
    .hgm-page .hg-code pre { scrollbar-gutter:auto; }
}