/* Présentation pédagogique des fiches complètes. */
body.learning-layout .page{max-width:1440px;width:calc(100% - 36px);padding:20px;margin-top:40px}
body.learning-layout .texte-wrapper{display:flex;flex-direction:column;height:auto!important;min-height:0}
body.learning-layout .col-left{border:0;padding:16px;overflow:visible}
body.learning-layout .left-content{max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
body.learning-layout .left-content>div{margin:0;max-width:none}
body.learning-layout .col-right{height:auto!important;overflow:visible}
body.learning-layout #texte{overflow:visible!important;height:auto!important;max-height:none!important;padding:24px}
body.learning-layout #texte p{line-height:1.65}
body.learning-layout .quiz-wrap{display:block;margin:20px 0}
body.learning-layout .quiz{height:auto!important;min-height:0!important;padding:22px}
body.learning-layout .premium{margin-top:16px;min-height:0!important;height:auto!important}
body.learning-layout .premium p{display:none}
body.learning-layout .premium h3{display:inline-block;margin-right:20px}
body.learning-layout .premium::before{display:none}
body.learning-layout .learning-discovery,body.learning-layout .learning-more{background:#f4faf9;border-radius:14px;padding:22px;margin:20px 0;color:#173d49}
body.learning-layout .learning-discovery p{line-height:1.6}
body.learning-layout .learning-discovery .observation-links{margin:12px 0;padding:0;max-width:none;box-shadow:none}
body.learning-layout .learning-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.learning-layout .learning-paths a{background:#31858b;color:white;padding:16px;border-radius:9px;text-decoration:none;text-align:center;font-weight:700;min-height:48px}
body.learning-layout .learning-more summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}
body.learning-layout .learning-more .feature,body.learning-layout .learning-more .seo-related{box-shadow:none;margin:16px 0}
body.learning-layout .learning-more .nav-buttons{margin:12px 0}
body.learning-layout .learning-tag{position:relative;background:#e6f4f4;color:#173d49;padding:12px 18px;font:14px system-ui;text-align:center}
body.learning-layout .learning-tag a{color:inherit}
body.learning-layout button,body.learning-layout .related-card{min-height:44px}
body.learning-layout :focus-visible{outline:3px solid #12b7c5;outline-offset:3px}
@media(max-width:760px){body.learning-layout .page{width:100%;padding:12px}body.learning-layout .learning-paths{grid-template-columns:1fr}body.learning-layout .left-content{grid-template-columns:1fr}body.learning-layout .learning-discovery,body.learning-layout .learning-more{padding:16px}}
/* La prévisualisation garde un défilement de page naturel. */
html:has(body.learning-layout){height:auto;overflow-y:auto}
body.learning-layout{height:auto;min-height:100vh;overflow-y:auto}
body.learning-layout .learning-discovery > summary{cursor:pointer;font-weight:700;font-size:1.25rem;min-height:44px;display:list-item}
body.learning-layout .learning-discovery:not([open]){padding-bottom:16px}

body.learning-layout .observation-links h2{font-size:1.1rem;margin:14px 0 10px}
body.learning-layout .observation-links a{font-size:.875rem;padding:6px 12px;min-height:36px}
body.learning-layout .observation-dive-preview{display:none!important}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){body.learning-layout .observation-links a:hover .observation-dive-preview,body.learning-layout .observation-links a:focus-visible .observation-dive-preview{display:block!important}}
@media(pointer:coarse){body.learning-layout .observation-links a{min-height:44px}}

/* Repère visuel à côté de la lecture sur les grands écrans. */
body.learning-layout .reading-species-thumbnail{display:none}
@media(min-width:1100px){
 body.learning-layout .col-right{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);align-items:center}
 body.learning-layout #texte{min-width:0;max-width:72ch}
 body.learning-layout .reading-species-thumbnail{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;padding:20px;box-sizing:border-box}
 body.learning-layout .col-right>.controls{grid-column:1/-1}
}