/* Memes reperes que Mi historia: deux liens simples et un seul trait actif. */
@layer mobile-review-important {
html:root body.sala #contenido .chronicles-breadcrumb{font:500 14px/1.5 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.04em!important;color:#FBF3E6!important;margin:0 0 14px!important;display:flex;gap:10px;flex-wrap:wrap;}
html:root body.sala #contenido .chronicles-breadcrumb a{font:inherit!important;color:inherit!important;text-decoration:underline;text-underline-offset:4px;}
html:root body.sala #contenido .sala-hero :is(.chronicles-section-nav,.atelier-section-nav){gap:8px 28px!important;align-items:center!important;}
html:root body.sala #contenido .sala-hero :is(.chronicles-section-nav,.atelier-section-nav) a{background:none!important;box-shadow:none!important;border:0!important;border-bottom:2px solid transparent!important;padding:10px 0!important;margin:0!important;color:#F0DECE!important;text-decoration:none!important;cursor:pointer!important;min-height:44px;}
html:root body.sala #contenido .sala-hero :is(.chronicles-section-nav,.atelier-section-nav) a[aria-current]{color:#FFF6EA!important;border-bottom-color:#D7A07E!important;}
html:root body.sala #contenido .sala-hero :is(.chronicles-section-nav,.atelier-section-nav) a:hover{color:#FFF6EA!important;border-bottom-color:#D7A07E!important;}
html:root body.sala #contenido :is(.chronicles-section-nav,.atelier-section-nav) a::before,
html:root body.sala #contenido :is(.chronicles-section-nav,.atelier-section-nav) a::after{content:none!important;display:none!important;box-shadow:none!important;}
html:root body.sala #contenido :is(.chronicles-section-nav,.atelier-section-nav) .subnav-titulo{font:400 18px/1.3 'Newsreader',Georgia,serif!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;text-decoration:none!important;text-shadow:none!important;}
html:root body.sala #contenido :is(.chronicles-section-nav,.atelier-section-nav) a[aria-current] .subnav-titulo{font-weight:500!important;}
html:root body.sala #contenido .mobile-orientation :is(.chronicles-section-nav,.atelier-section-nav){display:flex!important;gap:6px 22px!important;flex-wrap:wrap!important;align-items:center!important;overflow:visible!important;}
html:root body.sala #contenido .mobile-orientation :is(.chronicles-section-nav,.atelier-section-nav) a{color:#704A35!important;background:none!important;box-shadow:none!important;border:0!important;border-bottom:2px solid transparent!important;padding:10px 0!important;text-decoration:none!important;min-height:44px;cursor:pointer!important;}
html:root body.sala #contenido .mobile-orientation :is(.chronicles-section-nav,.atelier-section-nav) a[aria-current],
html:root body.sala #contenido .mobile-orientation :is(.chronicles-section-nav,.atelier-section-nav) a:hover{color:#653E2B!important;border-bottom-color:#A36549!important;}
html:root body.sala #contenido :is(.chronicles-section-nav,.atelier-section-nav) a:focus-visible{outline:2px solid #A36549!important;outline-offset:4px;}
html:root body.sala #contenido .mobile-orientation :is(.chronicles-section-nav,.atelier-section-nav) .subnav-titulo{font-size:16px!important;}
@media(max-width:780px){html:root body.sala #contenido .chronicles-breadcrumb{font-size:12px!important;}}
/* Presentation de la bibliotheque equilibree dans la meme largeur de lecture. */
html:root body.sala.adn-compacto #contenido .adn-seccion-presentacion{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:40px!important;align-items:center!important;width:100%!important;max-width:1180px!important;margin:0 auto 32px!important;}
html:root body.sala.adn-compacto #contenido .adn-seccion-presentacion>figure{margin:0!important;width:100%!important;max-width:none!important;}
html:root body.sala.adn-compacto #contenido .adn-seccion-presentacion>figure img{display:block;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
html:root body.sala.adn-compacto #contenido .adn-presentacion-copy{align-self:center!important;min-width:0;width:100%!important;max-width:none!important;}
html:root body.sala.adn-compacto #contenido .adn-presentacion-copy .fuera-intro{max-width:none!important;margin-bottom:0!important;line-height:1.55!important;}
@media(max-width:900px){html:root body.sala.adn-compacto #contenido .adn-seccion-presentacion{grid-template-columns:1fr!important;gap:22px!important;}html:root body.sala.adn-compacto #contenido .adn-seccion-presentacion>figure{max-width:480px!important;}}
}
/* Affordance, action explicite et focus clavier des mots et de la navigation. */
@layer mobile-review-important {
html:root body.sala #contenido :is(.adn-word,.pal-chip,.pal-tema-btn,.pal-azar){cursor:pointer!important;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;}
html:root body.sala #contenido :is(.adn-word,.pal-chip,.pal-tema-btn,.pal-azar):hover{background-color:#EFE2D0!important;color:#653E2B!important;box-shadow:inset 0 -2px 0 #A36549!important;}
html:root body.sala #contenido .adn-word:hover b{text-decoration:underline;text-underline-offset:5px;}
html:root body.sala #contenido :is(.adn-word,.pal-chip,.pal-tema-btn,.pal-azar):focus-visible{outline:2px solid #8A4B2C!important;outline-offset:4px;background-color:#EFE2D0!important;}
html:root body.sala #contenido .adn-word small{font-size:14px!important;line-height:1.5!important;}
html:root body.sala #contenido .pal-interaction-help{font:400 15px/1.55 'Hanken Grotesk',Arial,sans-serif!important;color:#746558!important;max-width:65ch;margin:12px 0 14px!important;}
html:root body.sala #contenido #pal-resultado{scroll-margin-top:110px;}
@media(prefers-reduced-motion:reduce){html:root body.sala #contenido :is(.adn-word,.pal-chip,.pal-tema-btn,.pal-azar){transition:none;}}
}

@layer mobile-review-important {html:has(body.adn-compacto){scroll-behavior:auto!important;scroll-snap-type:none!important;}}
