/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * Scoped Heritage learning hub, paths, responsive videos and practical guides.
 */
.hlrn-page { padding-top:calc(var(--nav-height,72px) + 8px) !important; color:var(--hd-ink); background:var(--hd-bg); font-family:var(--hd-sans); }
.hlrn-page *, .hlrn-page *::before, .hlrn-page *::after { box-sizing:border-box; }
.hlrn-page [hidden] { display:none !important; }
.hlrn-page [id] { scroll-margin-top:calc(var(--nav-height,72px) + 24px); }
.hlrn-page :is(a,button,[tabindex]):focus-visible { outline:3px solid #92723b; outline-offset:4px; }
.hlrn-page :is(p,h1,h2,h3,h4,a,li) { overflow-wrap:anywhere; }
.hlrn-page .pl-wrap { max-width:1440px; width:100%; margin-inline:auto; padding-inline:clamp(18px,4vw,56px); }
.hlrn-page .hg-hero { padding-block:28px 40px; }
.hlrn-page .hg-hero h1 { font:500 clamp(2.8rem,5vw,4.8rem)/1.06 var(--hd-serif); color:var(--hd-primary); letter-spacing:-.025em; }
.hlrn-page .hg-hero p { line-height:1.85; }
.hlrn-page .hg-context > a { display:flex; }
.hlrn-page .pl-section { padding-block:40px; }
.hlrn-page .learn-display-1 { font:500 clamp(2rem,3.5vw,3rem)/1.15 var(--hd-serif); color:var(--hd-primary); }
.hlrn-page .learn-section-label { font:600 .72rem/1.5 var(--hd-sans); color:#876a36; text-transform:uppercase; letter-spacing:.12em; }
.hlrn-page .learn-section-header { margin-bottom:28px; max-width:76ch; }
.hlrn-page .learn-section-subtitle { line-height:1.8; color:#626559; }
.hlrn-page .learn-section--dark { background:var(--hd-sand); color:var(--hd-primary); }
.hlrn-page :is(.learn-text-light,.learn-text-light-muted) { color:var(--hd-primary); }
.hlrn-page :is(.learn-paths-grid,.learn-concepts-grid,.learn-videos-grid,.learn-tools-grid,.learn-journeys-grid,.hlrn-guide-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
.hlrn-page .learn-paths-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.hlrn-page :is(.pg-card,.learn-path-card,.learn-concept-card,.learn-video-card,.learn-tool-card,.learn-journey-card,.hlrn-guide-grid > *) { min-width:0; padding:26px; background:var(--hd-surface); border:1px solid var(--hd-border); border-radius:12px; box-shadow:none; }
.hlrn-page .learn-path-card { display:flex; flex-direction:column; }
.hlrn-page .learn-path-cta { margin-top:auto; padding-top:18px; }
.hlrn-page :is(.learn-path-title,.learn-concept-title,.learn-tool-title,.learn-journey-title,.hlrn-guide-grid h3) { font:600 1.7rem/1.2 var(--hd-serif); color:var(--hd-primary); margin:10px 0 16px; }
.hlrn-page :is(.learn-path-description,.learn-concept-summary,.learn-video-description,.learn-tool-description,.learn-journey-description,.hlrn-guide-grid p) { color:#4f554c; font-size:.94rem; line-height:1.85; }
.hlrn-page :is(.learn-path-cta,.learn-tool-link,.learn-video-link,.learn-step-link,.hlrn-downloads a) { display:inline-flex; align-items:center; min-height:44px; gap:10px; color:var(--hd-primary); text-decoration:underline; text-underline-offset:4px; }
.hlrn-page .learn-concept-header { display:flex; align-items:start; justify-content:space-between; gap:14px; }
.hlrn-page .learn-concept-header { flex-wrap:nowrap; }
.hlrn-page .learn-concept-title { min-width:0; }
.hlrn-page :is(.learn-concept-toggle,.learn-video-tab) { border:1px solid var(--hd-border); border-radius:8px; min-height:44px; background:var(--hd-surface); color:var(--hd-primary); }
.hlrn-page .learn-concept-toggle { min-width:44px; padding:12px; flex-shrink:0; }
.hlrn-page .learn-concept-toggle[aria-expanded="true"] .dna-icon { transform:rotate(180deg); }
.hlrn-page .learn-concept-content { padding-top:18px; border-top:1px solid var(--hd-border); }
.hlrn-page .learn-video-wrapper iframe { display:block; border:0; width:100%; aspect-ratio:16/9; height:auto; border-radius:8px; }
.hlrn-page .learn-video-title { font:600 1.1rem/1.5 var(--hd-sans); margin:18px 0 10px; }
.hlrn-page .learn-video-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 12px; }
.hlrn-page .learn-video-tab { font:500 .85rem/1.5 var(--hd-sans); padding:10px 16px; }
.hlrn-page .learn-video-tab.active { color:#fff; background:var(--hd-primary); border-color:var(--hd-primary); }
.hlrn-page #learnVideoStatus { color:#626559; font-size:.8rem; margin-bottom:20px; }
.hlrn-page :is(.learn-videos-section,.learn-tools-quick) { margin-top:36px; }
.hlrn-page :is(.learn-methods-callout,.learn-modules-link,.learn-more-modules) { margin-top:28px; padding:24px; border:1px solid var(--hd-border); border-radius:10px; background:var(--hd-sand); }
.hlrn-page .learn-journey-step { display:grid; grid-template-columns:28px minmax(0,1fr) 44px; gap:12px; padding:18px 0; border-top:1px solid var(--hd-border); }
.hlrn-page .learn-step-number { color:#876a36; font-family:var(--hd-serif); font-size:1.4rem; }
.hlrn-page .learn-step-title { margin:0 0 8px; font-size:1rem; color:var(--hd-primary); }
.hlrn-page .learn-journey-steps { list-style:none; padding:0; }
.hlrn-page .learn-step-link { justify-content:center; }
.hlrn-page .learn-journey-footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; border-top:1px solid var(--hd-border); padding-top:18px; }
.hlrn-page .hlrn-guide-grid > a { color:var(--hd-primary); text-decoration:none; }
.hlrn-page .hlrn-guide-grid > a:hover { border-color:#92723b; }
.hlrn-page .hlrn-guide-grid > a:hover h3 { text-decoration:underline; }
.hlrn-page .hlrn-guide-grid > a > span,.hlrn-downloads > span { color:#876a36; font-size:.75rem; }
.hlrn-page .hlrn-downloads a { margin-right:16px; }
@media (max-width:991px) { .hlrn-page .learn-paths-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:767px) { .hlrn-page .hg-hero { grid-template-columns:minmax(0,1fr); } .hlrn-page :is(.learn-concepts-grid,.learn-videos-grid,.learn-tools-grid,.learn-journeys-grid,.hlrn-guide-grid) { grid-template-columns:minmax(0,1fr); } .hlrn-page .learn-video-tabs { flex-wrap:nowrap; overflow-x:auto; padding:4px 4px 12px; } .hlrn-page .learn-video-tab { flex-shrink:0; } .hlrn-page .pl-section { padding-block:28px; } }
@media print { .hlrn-page { padding:0 !important; } .hlrn-page :is(.learn-concept-toggle,.learn-video-tabs,.learn-video-wrapper,.pl-section-nav) { display:none !important; } .hlrn-page .learn-concept-content { display:block !important; } .hlrn-page .pg-grid,.hlrn-page .hlrn-guide-grid { display:block; } .hlrn-page .pg-card { break-inside:avoid; margin-bottom:16px; } }

/* Override the earlier public-guide header and dark-section palette locally. */
.hlrn-page > .hg-hero { background:var(--hd-bg); color:var(--hd-ink); }
.hlrn-page .hg-hero > div > p { color:#4f554c; }
.hlrn-page .hd-btn--primary:is(:link,:visited,:hover,:focus) { color:#fff; }
.hlrn-page > .pl-section-nav { background:var(--hd-bg); border-block:1px solid var(--hd-border); }
.hlrn-page > .pl-section-nav a { color:var(--hd-primary); }
.hlrn-page .learn-section--responsibility { background:var(--hd-sage); color:var(--hd-primary); }
.hlrn-page .learn-section--responsibility p { color:#4f554c; }
.hlrn-page .learn-section--cta { background:var(--hd-sand); color:var(--hd-primary); }
.hlrn-page .learn-section--cta :is(p,h2,a.learn-cta-link) { color:var(--hd-primary); }

.hlrn-page.learn-page { background:var(--hd-bg); }