/* chapter-media-v3 · 2026-09-30 · ventanas de igual tamaño (16:9), audio a lo ancho, presentación tipo reproductor, mapa mental interactivo */
.core-resource-grid{grid-template-columns:1fr!important;gap:22px!important}
.core-resource-grid .resource{display:block!important;min-height:0!important;padding:22px 24px 24px!important;border-radius:14px}
.core-resource-grid .resource>.resource-icon{display:none}
.core-resource-grid .resource>div{width:100%}
.core-resource-grid .resource h3{margin:2px 0 6px;font-size:1.15rem}
.core-resource-grid .resource p{max-width:70ch}
.media-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;margin:14px 0 0;overflow:hidden;background:#06101c;border:1px solid #1c2c3d;border-radius:12px;box-shadow:0 10px 26px #06101c24}
.media-frame>video,.media-frame>iframe,.media-frame>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0;object-fit:contain;background:#06101c}
.media-frame.light,.media-frame.light>img{background:#f6f2e8}
.media-thumb .play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:#d4a830;color:#06101c;font-size:30px;box-shadow:0 8px 24px #0006}
.media-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:0 18px;border-radius:999px;border:2px solid #b8881a;color:#06101c;font-weight:800;text-decoration:none}
.media-open:hover,.media-open:focus-visible{background:#b8881a;color:#fff}
.core-resource-grid .resource audio,.resource-audio audio{display:block;width:100%!important;max-width:none!important;margin:14px 0 4px}
.resource-infographic-card .core-asset-preview,.resource-study .core-asset-preview{position:relative;display:block;aspect-ratio:16/9;margin-top:14px;overflow:hidden;border:1px solid #d4dee6;border-radius:12px;background:#f6f2e8}
.resource-infographic-card .core-asset-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.resource-infographic-card .core-asset-preview span,.resource-study .core-asset-preview span{position:absolute;left:14px;bottom:14px;padding:9px 16px;border-radius:999px;background:#06101c;color:#fff;font-weight:800}
.resource-study .core-asset-preview{aspect-ratio:auto;border:0;background:none;overflow:visible}
.resource-study .core-asset-preview img{display:none}
.resource-study .core-asset-preview span{position:static;display:inline-flex;min-height:44px;align-items:center}
.chapter-complementary-media{padding:22px 24px 24px!important;border-radius:14px;margin-inline:39px!important}
.chapter-complementary-media .featured-thumb{display:none}
.chapter-complementary-media audio{width:100%!important;max-width:none!important}
.chapter-complementary-media video{max-width:none!important;width:100%}
.chapter-complementary-media p{max-width:70ch}
@media(max-width:640px){.core-resource-grid .resource,.chapter-complementary-media{padding:16px!important}.chapter-complementary-media{margin-inline:15px!important}.media-frame{border-radius:10px}}

/* Responsive release fix: keep chapter navigation inside narrow viewports. */
html,body{max-width:100%;overflow-x:hidden}
.head-inner,.head-nav,.chapter-head,.chapter-modes,.reader-tools,.reader-tools-bar,.reader-nav{min-width:0}
.wrap,.chapter-head,.chapter-head h1,.chapter-head .dek,.chapter-modes{width:100%;max-width:100%}
.chapter-head h1,.chapter-head .dek{overflow-wrap:anywhere}
.brand{min-width:max-content;flex:0 0 auto}
.head-inner{flex-wrap:wrap}
.head-nav{min-width:0;justify-content:flex-end}
.chapter-modes a{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:560px){.head-inner,.wrap,.foot-inner{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;box-sizing:border-box}.head-inner{gap:8px}.head-nav{flex:1 1 100%;justify-content:flex-start}.chapter-modes{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.chapter-modes a{display:flex;justify-content:center;text-align:center;width:100%;min-width:0;padding-inline:8px}.reader-tools-bar{grid-template-columns:minmax(0,1fr)}.reader-nav{min-width:0}.reader-nav a{min-width:0;overflow-wrap:anywhere}}
