.mp4-home .ww-entry,.mp4-directory .ww-entry{background:var(--surface);border-color:#c9a6f24a}.mp4-home .ww-entry-image,.mp4-directory .ww-entry-image{background:radial-gradient(ellipse,#eee5ff,#c9b5e7);height:230px}.mp4-items .ww-entry-image{height:170px}.mp4-items .ww-entry-image img{max-height:140px}.mp4-home .portal-cover{object-fit:contain;max-height:280px;width:auto}.mp4-home .ww-entry h3,.mp4-directory .ww-entry h3{overflow-wrap:anywhere}
.mp4-home .mp4-welcome{display:flex;align-items:center;gap:26px;padding:26px}.mp4-home .mp4-welcome .mp4-box{float:none;display:block;flex:0 0 165px;width:165px;height:auto;max-height:260px;object-fit:contain;margin:0}.mp4-welcome h2{font-size:25px;line-height:1.25}.mp4-welcome p{font-size:14px;line-height:1.7}.mp4-home-topics{display:grid;gap:14px}.mp4-topic{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #c9a6f24a;border-radius:6px;background:var(--surface);color:inherit}.mp4-topic:hover{border-color:var(--accent);background:#ffffff08}.mp4-topic>img{width:90px;height:100px;object-fit:contain;flex-shrink:0}.mp4-topic h3{font-size:21px;margin:6px 0}.mp4-topic p{font-size:14px;line-height:1.6;margin:6px 0 12px}.mp4-topic small,.mp4-topic span{color:var(--accent)}.mp4-topic small{font-size:11px;letter-spacing:.5px}.mp4-topic:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.portal-about .mp4-rail-box{display:block;width:100%;max-width:212px;height:auto;max-height:300px;object-fit:contain;margin:0 auto 20px}@media(max-width:600px){.mp4-home .mp4-welcome{align-items:flex-start;gap:18px;padding:20px}.mp4-home .mp4-welcome .mp4-box{width:110px;flex-basis:110px}.mp4-welcome h2{font-size:20px}.mp4-topic{gap:14px;padding:16px}.mp4-topic>img{width:65px;height:85px}}@media(max-width:380px){.mp4-home .mp4-welcome{flex-direction:column}.mp4-home .mp4-welcome .mp4-box{flex-basis:auto;margin:auto}}